Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
WPF按钮动画_Wpf_Animation - Fatal编程技术网

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动画更容易创建,更灵活。