WPF 动漫

开发工具与关键技术：VS WPF XAML
作者：李寿宇
撰写时间：2019/6/4
1、基本动画：
WPF提供了一个更高级的模型，通过该模型可以只关注动画的定义，而不考虑它们的渲染方式，这个模型基于依赖项属性基础架构，本质上，WPF动画只不过是在一段时间间隔内修改依赖项属性值的一种方式。不过还有另外一个限制，为了实现属性的动态化，需要有支持相应数据类型的动画类，例如Button.Width属性使用双精度数据类型，为实现属性的动态化，需要使用DoubleAnimation类，但Button.Padding属性使用的是Thickness结构，所以需要使用ThicknessAnimation类。为了为属性应用动画，可以针对相应的数据类型创建自己的动画类，你将发现，System.Windows.Media.Animation名称空间已经为希望使用的大多数数据类型提供了动画类。
2、Animation类：
实际上有两种类型的动画，一种是在开始值和结束值之间以逐步增加的方式改变属性的动画(线性插值过程)，另一种是从一个值突然变成另一值得动画(关键帧动画)。所有关键帧动画都使用 "类型名 + AnimationUsingKeyFrames " 的形式进行命名，比如StringAnimationUsingKeyFrames和ObjectAnimationUsingKeyFrames。某些数据类型有关键帧动画类，但没有插值动画类。例如，可使用关键帧为字符串应用动画，不能使用插值为字符串应用动画。然而，所有数据类型都支持关键帧动画，除非他们根本不支持动画。所有具有(使用插值)常规动画类的数据类型，也都有相应的关键帧动画的动画类型，如线性插值的DoubleAnimation对应DoubleAnimationUsingKyyFrames。另外还有一种基于路径的动画。因此,WPF动画使用三种方法：线性插值、关键帧和路径。在System.Windows.Media.Animation名称空间中将发现以下内容：
7个 “类型名+Animation类” 这些类使用插值动画。
22个 “类型名+AnimationUsingKeyFrames” 这些类使用关键帧动画。
3个 "类型名+AnimationUsingPath"类这类使用基于路径的动画。
3、使用代码创建动画：
wpf中，最常用的动画技术是线性插值动画，标准的帧速率是60秒/帧，使用动画的最简单方式是实例化在前面列出的其中一个动画类，然后使用修改元素的BeginAnimation()方法，所有wpf元素，从UIElement基类开始，都继承了BeginAnimation()方法，该方法是IAnimatable接口的一部分。
xaml代码：

<Button Width="150" Height="60" Grid.Row="0" Click="Button_Click">点击开始动画</Button>
<Button Grid.Row="1" Name="btn1" Width="150" Height="60" Content="动画按钮"></Button>

后台代码：

private void Button_Click(object sender, RoutedEventArgs e)
{
    //实例化一个DoubleAnimation类。
    DoubleAnimation doubleAnimation = new DoubleAnimation();
    //设置From属性。
    doubleAnimation.From = btn1.Width;
    //设置To属性。
    doubleAnimation.To = 250;
    //设置Duration属性。
    doubleAnimation.Duration = new Duration(TimeSpan.FromSeconds(5));
    //为元素设置BeginAnimation方法。
    btn1.BeginAnimation(Button.WidthProperty, doubleAnimation);

效果图：