WPF:如何在点击另一个按钮时动画按钮?
问题描述:
我有以下XAML代码:WPF:如何在点击另一个按钮时动画按钮?
<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代码。
答
您可以创建Button的子类并添加一个名为ButtonToAnimate的属性。
在事件触发器中,将DoubleAnimation的目标指向ButtonToAnimate。