WPF动画(重点掌握)

WPF动画(重点掌握)

动画（Animation）

• WPF动画使用三种方法

1. 线性插值：在开始值和结束值之间以逐步增加的方式改变属性的动画（线性插值过程）
2. 关键帧：从一个值突然变成另一值的动画(关键帧动画)。所有关键帧动画都使用
   "类型名(数据类型) + AnimationUsingKeyFrames " 的形式进行命名，比如
   StringAnimationUsingKeyFrames和ObjectAnimationUsingKeyFrames。
3. 路径

重点:一切动画都来源于System.Windows.Media.Animation命名空间

常用动画：线性插值、关键帧

7个 "类型名+Animation类" 这些类使用插值动画。
22个 "类型名+AnimationUsingKeyFrames" 这些类使用关键帧动画。
3个 "类型名+AnimationUsingPath"类这类使用基于路径的动画。

注意：

1. 某些数据类型有关键帧动画类，但未必没有插值动画类。
2. 有插值动画就一定有关键帧动画

一：动画创建

第1部分:创建DoubleAnimation(也就是线性插值动画)

• From:开始值 To:结束值 Duration:开始跟结束经历的一个时间
• TargetName:指定操作控件类型   
• TargetProperty:指定操作控件的属性

第2部分：创建演示图板（故事板）

若要将动画应用于对象，请创建Stroyboard（故事版）并搭配使用TargetName和TargetProperty附加属性指定要进行动画处理的对象和属性。

1. Stroyboard控制动画的播放、暂停、停止等操作
2. 需要指定TargetName和TargetProperty属性
3. 动画类型声明过之后，需要使用事件触发器（EventTrigger）触发

第 3 部分 (XAML)：将演示图板与触发器关联（事件触发器）

若要应用和启动中，最简单的方法Stroyboard XAML使用事件触发器（EventTrigger）。

• 动画总结具备三点：

1. 动画的定义
2. 动画放进故事板（Stroyboard）
3. 使用事件触发器（EventTrigger）触发动画
4. 触发之前还需要指定一个指令（BeginStroyboard）

• 线性插值动画

• DoubleAnimation:属于Double（数据类型）类型的属性都可以使用它产生线性插值动画效果
• ColorAnimation:作用于属性为Color（颜色类）类型对象的线性插值动画，用于改变对象的填充颜色

（1）线性插值动画属性：

1. From:开始值
2. To:结束值
3. By:动画从正在进行动画处理的属性的基值/前一动画的输出值继续到该值与By属性指定的值之和。
4. Duration:动画执行一次持续的时间长度，Duration格式为式：分:秒

（2）动画播放控制属性：

1. BeginTime:执行动画的开始时间
2. RepeatBehavior:声明动画的重复次数/也可以直接给一个次数，当次数执行结束时，将不再执行
3. AutoReverse:指定动画结束后是否重复播放；默认值为false
4. SpeeDRatio:用来增加/减少动画的速度，默认值为1
5. FillVehavior:决定动画发生的开始时间和结束时间，默认值为HoldEnd,表示动画结束后保持当前值不变，也可以设置为Stop,表示动画结束时属性再次回到起始值

• 关键帧动画

• 关键正动画根据目标属性值之间的差异产生各种动画效果
• 一个关键帧动画可以在任意多个的目标属性值之间进行渐变
• 关键帧动画可以产生更多，更复杂的动画效果

DoubleAimationUsingKeyFrams

1. Double（数据类型）关键帧动画

ColorAnimatiaoUsingKeyFrams

1. Color关键帧动画

总结：

动画: 线性动画, 关键帧动画
线性动画 - ColorAnimation, DoubleAnimation, PointAnimation
关键帧动画 - ColorAnimationUsingKeyFrames, DoubleAnimationUsingKeyFrames,
PointAnimationUsingKeyFrames, ObjectAnimationUsingKeyFrames