如何通过WPF动画使图像大小增加(给出选择的错觉)？

Question

我对WPF很新,甚至更新于WPF中的动画.我知道有故事板等等.但我正在寻找一个特定的效果,所以我可以从那里工作并修补它.

任何人都可以给我一个关于图像控件MouseDown的简单示例(因为在WPF中此控件中没有Click事件)通过漂亮的动画使图像更大？

谢谢兄弟.

Answer 1

以下将相对于当前大小缩放图像,而不是更改绝对值.这可能更灵活.

<Page xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'>
  <Image x:Name="MyImage" Source="c:\myImage.jpg" Width="250" Height="250">
    <Image.RenderTransform>
      <ScaleTransform x:Name="ImageScale" ScaleX="1" ScaleY="1" RenderTransformOrigin="0.5, 0.5"/>
    </Image.RenderTransform>
    <Image.Triggers>
      <EventTrigger RoutedEvent="Image.MouseDown">
        <BeginStoryboard>
          <Storyboard>
            <DoubleAnimation Storyboard.TargetName="ImageScale" Storyboard.TargetProperty="(ScaleTransform.ScaleX)" To="1.5" Duration="0:0:0.25" AutoReverse="True"/>
            <DoubleAnimation Storyboard.TargetName="ImageScale" Storyboard.TargetProperty="(ScaleTransform.ScaleY)" To="1.5" Duration="0:0:0.25" AutoReverse="True"/>
          </Storyboard>
        </BeginStoryboard>
      </EventTrigger>
    </Image.Triggers>
  </Image>
</Page>