在wpf中讓一個控件按照一定的路徑運行的動畫。。叫做路徑動畫，這個示例演示了讓一個rectangle按照一個s形曲線反復運行的動畫。

效果：

只有一個文件：

全部代碼如下 ：

<Window x:Class="wpfcore.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:wpfcore"mc:Ignorable="d"Background="LightBlue"Title="MainWindow" Width="420" Height="340"><Window.Resources><PathGeometry x:Key="SLine" Figures="M 10,100 C 35,0 135,0 160,100 180,190 285,200 310,100" /></Window.Resources><Grid Margin="20"><StackPanel><Canvas?HorizontalAlignment="Left"?Margin="0"?Width="340"?Height="215"?><Path VerticalAlignment="Top" Margin="15,15,15,15" Data="{StaticResource SLine}"Stroke="Blue" StrokeThickness="2"Stretch="None"/><Path Fill="Red"><Path.Data><RectangleGeometry x:Name="MyAnimatedRectGeometry" Rect="0,0 30 30" ><RectangleGeometry.Transform><TransformGroup><RotateTransform x:Name="MyRotateTransform" Angle="0" CenterX="15" CenterY="15" /><TranslateTransform x:Name="MyTranslateTransform" X="10" Y="100" /></TransformGroup></RectangleGeometry.Transform></RectangleGeometry></Path.Data></Path></Canvas><Button Width="80" HorizontalAlignment="Left" Content="開始動畫"><Button.Triggers><EventTrigger RoutedEvent="Button.Click"><BeginStoryboard Name="MyBeginStoryboard"><Storyboard><DoubleAnimationUsingPathStoryboard.TargetName="MyRotateTransform"Storyboard.TargetProperty="Angle"Source="Angle" Duration="0:0:5" RepeatBehavior="Forever" AutoReverse="True" PathGeometry="{StaticResource SLine}"></DoubleAnimationUsingPath><DoubleAnimationUsingPathStoryboard.TargetName="MyTranslateTransform"Storyboard.TargetProperty="X"Source="X" Duration="0:0:5" RepeatBehavior="Forever" AutoReverse="True" PathGeometry="{StaticResource SLine}"></DoubleAnimationUsingPath><DoubleAnimationUsingPathStoryboard.TargetName="MyTranslateTransform"Storyboard.TargetProperty="Y"Source="Y" Duration="0:0:5" RepeatBehavior="Forever" AutoReverse="True" PathGeometry="{StaticResource SLine}"></DoubleAnimationUsingPath></Storyboard></BeginStoryboard></EventTrigger></Button.Triggers> </Button></StackPanel></Grid> </Window>

動畫截圖：

完事，搞定。

總結

以上是生活随笔為你收集整理的WPF 路径动画PathAnimations的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。