WPF：如何在单击另一个按钮时为一个按钮设置动画？

Question

我有以下 XAML 代码：

<Button Content="Menu 1" Height="23" Name="button1" Width="75" Margin="10">
    <Button.Style>
        <Style TargetType="{x:Type Button}">
            <Style.Triggers>
                <EventTrigger RoutedEvent="Button.MouseEnter">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetProperty="RenderTransform.(TranslateTransform.Y)" From="0" To="200" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
    <Button.RenderTransform>
        <TranslateTransform X="0" Y="0" />
    </Button.RenderTransform>
</Button>

当鼠标悬停在按钮上时，此代码会沿 Y 方向移动按钮。 但是，当我将鼠标移到另一个按钮上时，我想要相同的功能。 简而言之，假设我有 Button1 和 Button2。当我将鼠标移到 Button1 上时，Button2 应沿 Y 方向向下移动。我怎样才能做到这一点。任何人都可以提供相同的有效 XAML 代码吗？

Answer 1

您可以子类化 Button 并添加名为 ButtonToAnimate 的属性。

在事件触发器中，将 DoubleAnimation 的 Target 指向 ButtonToAnimate。