16、Silverlight 动画开发全解析

Silverlight 动画开发全解析

1. 引言

在过去，网页应用中实现对象动画效果，大多会选择 Adobe Flash。但对于微软 .NET 开发者而言，现在可以借助熟悉的 .NET 技术在 Silverlight 中实现动画，这无疑是一大福音。本文将详细介绍 Silverlight 动画的相关知识，包括动画基础、故事板、动画类型、编程控制以及如何使用 Expression Blend 来创建动画。

2. Silverlight 动画基础

动画的本质是随时间改变对象的某些属性。在 Silverlight 中，实现动画就是逐渐改变对象的属性，让对象看起来能从一个点平滑移动到另一个点。

例如，在一个 Silverlight 应用的图标栏中，鼠标悬停在图标上时，图标会变大；鼠标移开，图标恢复初始大小；点击图标时，图标会像 Mac OS X Dock 上的图标一样跳动。以其中一个图标为例，鼠标悬停时的动画有两个基本位置：在时间戳 0.00 时，图标宽度和高度属性设为 50 像素；在时间戳 0.25 时，宽度和高度属性设为 75 像素。为使从 0.00 到 0.25 的过渡平滑，Silverlight 会创建样条曲线，生成一系列“帧”，让人类眼睛感觉运动是流畅的。

3. Silverlight 故事板

在电影或卡通动画中，故事板是一系列描绘动作变化的草图，本质上就是一个时间线。在 Silverlight 中，故事板同样是时间线。

例如，有一个动画故事板涉及一个圆和两个矩形的变换。在故事板时间线开始时，圆、小矩形和大矩形都在文档左侧。2 秒后，圆和小矩形开始向右移动，大矩形背景从白色变为黑色。4 秒时