#779 – 旋转变换动画（Animating a Rotation Transform）

最新推荐文章于 2025-03-21 20:08:12 发布

Milo米啊米啊米

最新推荐文章于 2025-03-21 20:08:12 发布

阅读量676

点赞数

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

WPF 专栏收录该内容

191 篇文章

订阅专栏

本文介绍了一个使用WPF实现的2D旋转变换动画示例。该示例通过事件触发器在控件加载完成后启动动画，使控件绕其中心点持续旋转，每2.5秒完成一周360°的旋转。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文地址：https://wpf.2000things.com/2013/03/19/779-animating-a-rotation-transform/

下面是一个2D的旋转变换动画的例子。在这个例子中控件会持续的旋转。

<Grid>
    <Label Content="Gambling now legal in Nevada" Background="Plum"
           HorizontalAlignment="Center" VerticalAlignment="Center"
           Padding="20,10" FontSize="16"
           RenderTransformOrigin="0.5,0.5">
        <Label.RenderTransform>
            <RotateTransform x:Name="rotTransform" />
        </Label.RenderTransform>
        <Label.Triggers>
            <EventTrigger RoutedEvent="Label.Loaded">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetName="rotTransform"
                                         Storyboard.TargetProperty="Angle"
                                         From="0" To="360" Duration="0:0:2.5"
                                         RepeatBehavior="Forever"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Label.Triggers>
    </Label>
</Grid>

通过事件触发器，当Loaded事件触发的时候开始执行动画。控件以其中心点为旋转中心，每2.5秒从0°到360°旋转一圈。