#778 – 缩放变换动画(Animating a Scale Transform)

原文地址: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>
 




没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试