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

<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();

}

}