WPF之线性插值动画

作者：王福驰
撰写时间：2019年 4月18日
开发工具与关键技术：XAML、WPF

使用Storyboard(故事板)控制动画的播放、停止、暂停等等。声明动画类型，使用EventTrigger(事件触发器)触发。

线性插值动画对象属性：
From、To、By、Duration（From、To、By为设置其目标值）
From：获取或设置动画的起始值。
To：获取或设置动画的结束值
By：获取或设置动画更改其起始值所依据的总数
Duration：动画从头到尾播放一次所花的时间长度
动画播放控制属性：
BeginTime、RepeatBehavior、AutoReverse、SpeedRatio、FillBehavior
主要有两种，分别是DoubleAnimation和ColoAnimation
DoubleAnimation属于Double类型的属性都可以使用它生产线性插值动画效果。
DoubleAnimation类继承自Freezable，
我用来制作图片的旋转动画：
属性：From为0，To为360（360是360度），Duration为两秒，RepeatBehavior为Forever(Forever无限循环)
XAML代码

功能实现，如下图：

ColorAnimation类继承自Freezable
ColorAnimation 作用于属性Colo类型对象的线性插值动画，用于改变对象的填充颜色，动画的时间段内更新的属性的值
在一个圆里改变颜色
设置：From为Red（红色） ，To为Green（绿色） ， Duration为2秒
Duration：动画从头到尾播放一次所花的时间长度
XAML代码

功能实，现如下图：

在从红色变绿色，其实中间还有几种变化。