WPF动画之路径动画(3)

XAML代码：

 <Window x:Class="路径动画.MainWindow"
         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
         Title="MainWindow" Height="" Width="">
     <Window.Resources>
         <!--路径资源-->
         <PathGeometry x:Key="path">
             <PathFigure IsClosed="True">
                 <ArcSegment Point="200,200" Size="30,10" SweepDirection="Clockwise"></ArcSegment>
                 <ArcSegment Point="300,200" Size="5,5"></ArcSegment>
             </PathFigure>
         </PathGeometry>
     </Window.Resources>
     <!---事件触发器，窗体加载时动画开始，周期6秒，无限循环-->
     <Window.Triggers>
         <EventTrigger RoutedEvent="Window.Loaded">
             <BeginStoryboard>
                 <Storyboard>
                     <DoubleAnimationUsingPath Storyboard.TargetName="image" Storyboard.TargetProperty="(Canvas.Left)"
                      PathGeometry="{StaticResource path}" Duration="0:0:6" RepeatBehavior="Forever" Source="X"></DoubleAnimationUsingPath>
                     <DoubleAnimationUsingPath Storyboard.TargetName="image" Storyboard.TargetProperty="(Canvas.Top)"
                      PathGeometry="{StaticResource path}" Duration="0:0:6" RepeatBehavior="Forever" Source="Y"></DoubleAnimationUsingPath>
                 </Storyboard>
             </BeginStoryboard>
         </EventTrigger>
     </Window.Triggers>
     <Canvas>
         <!--显示路径-->
         <Path Margin="" Stroke="#ddd" Data="{StaticResource path}"></Path>
         <!--动画元素-->
         <Image Name="image" Source="123.png" Width="" Height="" />
     </Canvas>
 </Window>

.CS代码：

 using System.Windows;

 namespace 路径动画
 {
     /// <summary>
     /// MainWindow.xaml 的交互逻辑
     /// </summary>
     public partial class MainWindow : Window
     {
         public MainWindow()
         {
             InitializeComponent();
         }
     }
 }