UWP 动画之路径

标签：nim   sources   span   repeat   prot   rectangle   value   res   ima   

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}">

    <Page.Resources>

        <Storyboard x:Key="std" x:Name="std" RepeatBehavior="Forever">

            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ttf" Storyboard.TargetProperty="Y" Duration="0:0:10">

                <LinearDoubleKeyFrame KeyTime="0:0:2" Value="200"/>

                <EasingDoubleKeyFrame KeyTime="0:0:6" Value="-300">

                    <EasingDoubleKeyFrame.EasingFunction>

                        <QuinticEase/>

                    </EasingDoubleKeyFrame.EasingFunction>

                </EasingDoubleKeyFrame>

                <LinearDoubleKeyFrame KeyTime="0:0:10" Value="0"/>

            </DoubleAnimationUsingKeyFrames>

        </Storyboard>

    </Page.Resources>

    <Grid>

        <Rectangle Width="100" Height="100" Fill="Khaki">

            <Rectangle.RenderTransform>

                <TranslateTransform x:Name="ttf"/>

            </Rectangle.RenderTransform>

        </Rectangle>

    </Grid>

</Page>

C# 　　code

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

 public sealed partial class MainPage : Page

    {

        public MainPage()

        {

            this.InitializeComponent();

            this.NavigationCacheMode = NavigationCacheMode.Required;

        }

        /// <summary>

        /// 在此页将要在 Frame 中显示时进行调用。

        /// </summary>

        /// <param name="e">描述如何访问此页的事件数据。

        /// 此参数通常用于配置页。</param>

        protected override void OnNavigatedTo(NavigationEventArgs e)

        {

            std.Begin();

        }

    }

UWP 动画之路径

标签：nim   sources   span   repeat   prot   rectangle   value   res   ima   

原文地址：https://www.cnblogs.com/bruce1992/p/14222677.html