uwp 中的动画

xml

---------------------------------------

<Page

    x:Class="MyApp.MainPage"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:local="using:MyApp"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

 

    <Grid>

        <Path HorizontalAlignment="Center" VerticalAlignment="Center" Width="300" Height="300" Stretch="Uniform" Fill="Yellow" RenderTransformOrigin="0.5,0.5">

            <Path.Data>

                <GeometryGroup>

                    <EllipseGeometry Center="50,50" RadiusX="50" RadiusY="20"/>

                    <EllipseGeometry Center="50,50" RadiusX="20" RadiusY="50"/>

                </GeometryGroup>

            </Path.Data>

            <Path.RenderTransform>

                <RotateTransform x:Name="rttrf" Angle="0"/>

            </Path.RenderTransform>

        </Path>

    </Grid>

</Page>

 

 

C# code

-------------------------------------------

  public sealed partial class MainPage : Page

    {

        Storyboard m_storyboard = null;

        public MainPage()

        {

            this.InitializeComponent();

 

            this.NavigationCacheMode = NavigationCacheMode.Required;

 

            // 初始化演示图板

            m_storyboard = new Storyboard();

            // 定义时间线

            DoubleAnimation da = new DoubleAnimation();

            da.Duration = TimeSpan.FromSeconds(2d); //时间线持续时间

            da.From = 0d; //初始值

            da.To = 360d; //最终值

            // 设置为无限循环播放

            da.RepeatBehavior = RepeatBehavior.Forever;

            // 将时间线与RotateTransform对象关联

            Storyboard.SetTarget(da, rttrf);

            Storyboard.SetTargetProperty(da, "Angle");

            // 将时间线加入Storyboard的时间线集合中

            m_storyboard.Children.Add(da);

        }

 

        protected override void OnNavigatedTo(NavigationEventArgs e)

        {

            // 开始播放动画

            m_storyboard.Begin();

        }

    }