WPF中利用Storyboard和DoubleAnimnation移动按钮动画

最新推荐文章于 2023-07-25 15:07:29 发布

重-庆-教-主

最新推荐文章于 2023-07-25 15:07:29 发布

阅读量673

点赞数

分类专栏： WPF

本文链接：https://blog.csdn.net/qq_37189288/article/details/117985474

版权

WPF 专栏收录该内容

50 篇文章 19 订阅

订阅专栏

<Button Content="往右跑的按钮" Width="200" VerticalAlignment="Center" Cursor="Hand" Foreground="Black" Name="btnDevice">
<Button.RenderTransform>
    <TranslateTransform/>
</Button.RenderTransform>
<Button.Triggers>
    <EventTrigger RoutedEvent="Button.Click" >
        <BeginStoryboard>
            <Storyboard>
                <DoubleAnimation Duration="0:0:0.25" From="0" To="200" 
                                 Storyboard.Target="{Binding ElementName=btnDevice}" 
                                 Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.X)"/>
            </Storyboard>
        </BeginStoryboard>
    </EventTrigger>
</Button.Triggers>
</Button>

两个需要注意的地方
1.首先将Button的TranslateTransform属性设置为TranslateTransform.
2.在Storyboard中，Storyboard.TargetProperty的写法如下：
(UIElement.RenderTransform).(TranslateTransform.X)