WPF按钮动画
我有一个按钮的控件模板,如下所示:WPF按钮动画,wpf,animation,Wpf,Animation,我有一个按钮的控件模板,如下所示: <ControlTemplate x:Key="CopyButton" TargetType="{x:Type Button}"> <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text=">>>>"/> </ControlTemplate> 如何设置动画,以便鼠标悬停在按钮上方时>箭头“移动”。我的
<ControlTemplate x:Key="CopyButton" TargetType="{x:Type Button}">
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text=">>>>"/>
</ControlTemplate>
如何设置动画,以便鼠标悬停在按钮上方时>箭头“移动”。我的意思是,文本在重复中类似于
“>”、“>>”、“>>>”、“>>>”、“>>>”、“>>”、“>”
。可以使用字符串动画。然而,在我看来,结果并不是最专业的
<Button
Name="myAnimatedButton"
Width="200"
Content=">">
<Button.Triggers>
<EventTrigger RoutedEvent="Button.MouseEnter">
<BeginStoryboard>
<Storyboard>
<StringAnimationUsingKeyFrames
Storyboard.TargetName="myAnimatedButton"
Storyboard.TargetProperty="(Button.Content)"
AutoReverse="True">
<DiscreteStringKeyFrame Value=">" KeyTime="0:0:0" />
<DiscreteStringKeyFrame Value=">>" KeyTime="0:0:1" />
<DiscreteStringKeyFrame Value=">>>" KeyTime="0:0:2" />
<DiscreteStringKeyFrame Value=">>>>" KeyTime="0:0:3" />
<DiscreteStringKeyFrame Value=" >>>" KeyTime="0:0:4" />
<DiscreteStringKeyFrame Value=" >>" KeyTime="0:0:5" />
<DiscreteStringKeyFrame Value=" >" KeyTime="0:0:6" />
</StringAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Button.Triggers>
</Button>
谢谢这就是我要找的。说到这里,现在我将更仔细地思考如何更好地实现这一点…如果您有任何建议…:)使用路径创建一个箭头,并使用双动画增加其左边距使其移动。为了真正的幻想,请使用箭头图像和带有移动箭头的移动gif,并在鼠标悬停时使用移动gif。同意,但动画gif部分除外。WPF动画在96 DPI以外的任何情况下都比gif动画好看,而且在96 DPI时也同样好看。WPF动画也比gif动画更容易创建,更灵活。