使用动画更改 WPF 网格的边距答案

【问题标题】：Changing the margin of a WPF Grid using animation使用动画更改 WPF 网格的边距
【发布时间】：2012-01-09 10:02:29
【问题描述】：

这是我的 XAML，到目前为止，当有人在我的窗口中输入任何图像时，动画都会正确弹出。

<Style.Triggers>
    <EventTrigger RoutedEvent="Image.MouseEnter">
        <BeginStoryboard>
            <Storyboard>
                <DoubleAnimation Duration="0:0:0.25" From="1" To="1.2" AutoReverse="True"
                            Storyboard.TargetProperty="RenderTransform.ScaleX"/>
                <DoubleAnimation Duration="0:0:0.1" From="1" To="1.2" AutoReverse="True" 
                            Storyboard.TargetProperty="RenderTransform.ScaleY"/>
            </Storyboard>
        </BeginStoryboard>
    </EventTrigger>
</Style.Triggers>

现在我想创建另一个故事板，在Image.MouseDown 上触发，但是这次动画应该更改名为x:Name="container" 的网格的边距。

我可以访问触发器内的其他控件属性吗？如果有，怎么做？

【问题讨论】：

标签： wpf animation grid storyboard

【解决方案1】：

我可以在这里想到 2 个选项：

为您的 Grid 创建一个 EventTrigger 并将其 SourceName 属性设置为触发 MouseDown 或其父级的图像名称；
将另一个 EventTrigger 直接添加到 Image 并将动画的 Storyboard.TargetName 设置为 Grid 的名称。

【讨论】：