c# - 如何通过 WPF 动画使图像变大(产生选择的错觉)？

Question

我是 WPF 的新手，甚至是 WPF 中的动画新手。我知道有 Storyboard等。但我正在寻找特定的效果，这样我就可以从那里开始工作并对其进行修补。

谁能给我一个关于图像控件 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>