开发者

Zooming Image in WPF

I try make a zoom on image, I create style, here is :

<Style x:Key="ZoomImage" TargetType="{x:Type Image}">
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="LayoutTransform">
                <Setter.Value>
                    <ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
                </Setter.Value>
            </Setter>
        </Trigg开发者_开发技巧er>
    </Style.Triggers>
</Style>

and I apply this style in window:

<Grid Name="RootGrid" Margin="4,4,4,4">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="130"></ColumnDefinition>
        <ColumnDefinition Width="*"></ColumnDefinition>
    </Grid.ColumnDefinitions>

    <Grid Name="InfoGrid" Grid.Column="0" Margin="4,4,4,4">
        <Grid.RowDefinitions>
            <RowDefinition Height="150"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="150"></RowDefinition>
        </Grid.RowDefinitions>

        <StackPanel Name="UserPanel" Grid.Row="0" Margin="4,4,4,4">
            <Border BorderThickness="1"
                    BorderBrush="Black"
                    Margin="1,1,1,1"
                    Background="WhiteSmoke">

                <Image Name="UserImage"
                <!--Apply style -->
                Style="{StaticResource ZoomImage}"
                Margin="4,4,4,4">
                <Image.Source>
                    <MultiBinding Converter="{StaticResource imageConvertor}">
                        <Binding Path="ProfilePhoto"/>
                        <Binding Path="Status" UpdateSourceTrigger="PropertyChanged"/>
                    </MultiBinding>
                </Image.Source>
            </Image>

        </Border>
    </StackPanel>
</Grid>

But is does not make o zoom, where can be problem?

I use Guy advance:

<Trigger Property="IsHitTestVisible" Value="True">
    <Setter Property="LayoutTransform">
        <Setter.Value>
            <ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
        </Setter.Value>
    </Setter>
</Trigger>

but, image is not zooming if mouse is over.


The image is not by default hit test visible- IsHitTestVisible="True" in the image, or an equivalent setter will do the job.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜