#778 – 缩放变换动画（Animating a Scale Transform）

最新推荐文章于 2024-07-14 09:36:01 发布

Milo米啊米啊米

最新推荐文章于 2024-07-14 09:36:01 发布

阅读量620

点赞数

分类专栏： WPF 文章标签： Animating Scale Transform

WPF 专栏收录该内容

191 篇文章 11 订阅

订阅专栏

原文地址：https://wpf.2000things.com/2013/03/18/778-animating-a-scale-transform/

下面是一个2D的缩放变换动画的例子。在这个例子中按钮会重复的变大变小抖动。


<Grid>
    <Button Content="Ship via Wells, Fargo & Co." HorizontalAlignment="Center" VerticalAlignment="Center"
            Padding="20,10" FontSize="16"
            RenderTransformOrigin="0.5,0.5">
        <Button.RenderTransform>
            <ScaleTransform x:Name="scaleTransform" ScaleX="0.98" ScaleY="1.02"/>
        </Button.RenderTransform>
        <Button.Triggers>
            <EventTrigger RoutedEvent="Button.Loaded">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetName="scaleTransform"
                                         Storyboard.TargetProperty="ScaleX"
                                         From="0.98" To="1.02" Duration="0:0:0.3"
                                         AutoReverse="True" RepeatBehavior="Forever"/>
                        <DoubleAnimation Storyboard.TargetName="scaleTransform"
                                         Storyboard.TargetProperty="ScaleY"
                                         From="0.98" To="1.02" Duration="0:0:0.3"
                                         AutoReverse="True" RepeatBehavior="Forever"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Button.Triggers>
    </Button>
</Grid>