16、Silverlight 动画开发全解析

Silverlight 动画开发全解析

1. Silverlight 动画简介

在应用程序中融入对象动画可以极大地提升用户界面（UI）的吸引力。过去，若要在网页中实现此类动画，开发者可能会选择 Adobe Flash。但对于微软 .NET 开发者而言，现在可以使用熟悉的 .NET 技术来实现动画效果，这无疑是 Silverlight 最令人兴奋的特性之一。

动画的基本原理是随时间改变对象的某些属性。在 Silverlight 中，实现动画的方式很直接，即逐渐改变对象的属性，使对象看起来能从一个点平滑移动到另一个点。例如，在一个 Silverlight 应用的图标栏中，当鼠标悬停在图标上时，图标会变大；鼠标移开时，图标会恢复到初始大小；点击图标时，图标会像 Mac OS X Dock 上的图标一样跳动。

2. Silverlight Storyboards

在电影或卡通动画中，故事板（Storyboard）是一系列描绘动作变化的草图，本质上就是一个时间线。在 Silverlight 中，故事板同样是时间线。例如，有一个故事板用于动画化一个圆和两个矩形的变换：
- 故事板开始时，圆、小矩形和大矩形都位于文档左侧。
- 2 秒后，圆和小矩形开始向文档右侧移动，大矩形的背景开始从白色变为黑色。
- 4 秒时，圆和小矩形到达文档右侧，小矩形开始变成正方形。
- 8 秒时，小矩形完全变成正方形，大矩形完全变黑。

将这个故事板转换为 Silverlight 动画，会有四个动画：
- 两个动画使圆和小正方形从文档左侧移动到右侧。
- 一个动画将大矩形的背景从白色变为黑色。
- 一个动