如何使用WPF实现基于关键帧的动画效果？

本文共计1518个文字，预计阅读时间需要7分钟。

WPF动画效果系列：WPF实现动画效果（一）——基本概念WPF实现动画效果（二）——From/To/By动画WPF实现动画效果（三）——时间线（TimeLine）WPF实现动画效果（四）——缓动函数

WPF动画效果系列

WPF实现动画效果（一）之基本概念

WPF实现动画效果（二）之From/To/By 动画

WPF实现动画效果（三）之时间线（TimeLine）

WPF实现动画效果（四）之缓动函数

WPF实现动画效果（五）之关键帧动画

WPF实现动画效果（六）之路径动画

WPF实现动画效果（七）之演示图板

正文

与 From/To/By 动画类似，关键帧动画以也可以以动画形式显示目标属性值。 和From/To/By 动画不同的是， From/To/By 动画只能控制在两个状态之间变化，而关键帧动画则可以在多个状态之间变化，例如，对于前面那个改变按钮宽度的例子，如果我们要实现如下效果：

• 在2秒时将宽度从 0变为350

• 在7秒时将宽度变为50

• 在9秒的时候将其宽度变为200

虽然我们可以用三个From/To/By 动画组合实现类似效果，但是这样一来麻烦，二来要感知动画完成事件，不方便在XAML中使用。此时我们则可以使用关键帧动画来快速实现这一过程。