在WPF中，属性动画是通过改变对象的依赖属性值来创建动画效果的一种方式。时间线（Timeline）是控制动画播放进度的核心组件。WPF提供了多种类型的动画和时间线，包括DoubleAnimation、ColorAnimation、PointAnimation等，以及Storyboard、ParallelTimeline和SequentialTimeline等时间线类型。

属性动画基础

属性动画是通过改变对象的依赖属性来实现的。例如，你可以改变一个控件的Opacity属性来实现淡入淡出效果，或者改变一个控件的Width属性来实现大小变化效果。

时间线基础

时间线定义了动画播放的时间范围和进度。WPF中的时间线可以是简单的（如DoubleAnimation），也可以是复杂的（如Storyboard，它可以包含多个简单的时间线）。

示例：使用Storyboard和DoubleAnimation创建属性动画

以下是一个简单的例子，展示了如何使用XAML和Storyboard来创建一个矩形的宽度属性动画。

XAML部分

<Window x:Class="WpfApp.PropertyAnimationExample"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="Property Animation Example" Height="350" Width="525"><Grid><Rectangle x:Name="animatedRect" Fill="Blue" Width="100" Height="100" HorizontalAlignment="Left" VerticalAlignment="Top"/><Button Content="Start Animation" Click="StartAnimation_Click" HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="0,0,0,20"/></Grid>
</Window>

代码隐藏部分

using System.Windows;
using System.Windows.Media.Animation;namespace WpfApp
{public partial class PropertyAnimationExample : Window{public PropertyAnimationExample(){InitializeComponent();}private void StartAnimation_Click(object sender, RoutedEventArgs e){// 创建一个新的Storyboard实例Storyboard storyboard = new Storyboard();// 创建一个DoubleAnimation来改变矩形的宽度DoubleAnimation widthAnimation = new DoubleAnimation{From = 100, // 起始宽度To = 300,   // 结束宽度Duration = new Duration(TimeSpan.FromSeconds(2)) // 动画持续时间};// 将动画关联到矩形的Width属性Storyboard.SetTarget(widthAnimation, animatedRect);Storyboard.SetTargetProperty(widthAnimation, new PropertyPath(Rectangle.WidthProperty));// 将动画添加到Storyboardstoryboard.Children.Add(widthAnimation);// 开始播放Storyboardstoryboard.Begin();}}
}

解释

1. Rectangle 控件定义了一个蓝色的矩形，初始宽度为100。
2. Button 控件用于触发动画。
3. 在按钮的点击事件处理程序中，创建了一个Storyboard实例和一个DoubleAnimation实例。
4. DoubleAnimation 设置了起始宽度（From）、结束宽度（To）和持续时间（Duration）。
5. 使用Storyboard.SetTarget和Storyboard.SetTargetProperty方法将动画关联到矩形的Width属性。
6. 将动画添加到Storyboard，并调用Begin方法开始播放动画。

进阶：使用ParallelTimeline和SequentialTimeline

• ParallelTimeline 允许你同时播放多个动画。
• SequentialTimeline 允许你按顺序播放多个动画。

通过组合这些时间线，你可以创建更复杂的动画序列。

结论

属性动画和时间线是WPF中创建动态用户界面的强大工具。通过理解和使用这些功能，你可以为用户提供丰富且吸引人的交互体验。