Silverlight：动画概述

Silverlight：动画概述2011-09-05 msdn 在 Silverlight 中，动画可以通过添加移动和交互性来增强图形的创建效果。通过对背景色进行动画处理或应用动画 Transform，您可以创造出生动的屏幕过渡效果或提供有帮助的视觉提示。

动画简介

动画是快速播放一系列图像（其中每个图像与下一个图像略微不同）给人造成的一种幻觉。大脑感觉这组图像是一个变化的场景。在电影中，摄像机每秒钟拍摄许多照片（帧），便可使人形成这种幻觉。用投影仪播放这些帧时，观众便可以看电影了。在 Silverlight 中，通过对对象的个别属性应用动画，可以对对象进行动画处理。例如，若要使 UIElement 增大，需对其 Width 和 Height 属性进行动画处理。若要使 UIElement 逐渐从视野中消失，可以对其 Opacity 属性进行动画处理。可以对 Silverlight 中许多对象的属性进行动画处理。

说明：

在 Silverlight 中，您只能对值类型为 Double、Color或 Point 的属性执行简单的动画处理。此外，还可以使用 ObjectAnimationUsingKeyFrames 对其他类型的属性进行动画处理，但是这需要使用离散内插（从一个值跳到另一个值），而多数人认为这不是真正的动画。

下一节演示如何创建一个简单的动画，使 Rectangle（一种 UIElement）逐渐进入视野并从视野中逐渐消失。

使 UIElement 逐渐进入视野并从视野中逐渐消失

此示例演示如何使用 Silverlight 动画通过对属性值进行动画处理，使 Rectangle 逐渐进入视野并从视野中逐渐消失。本示例使用 DoubleAnimation（一种生成 Double 值的动画类型）对 Rectangle 的 Opacity 属性进行动画处理。因此，Rectangle 将逐渐进入视野并逐渐从视野中消失。若要查看您将演练的动画的预览，请单击下面的链接来运行示例，然后单击矩形开始运行动画。

运行此示例：http://go.microsoft.com/fwlink/？ LinkId=139798&sref=animation_ovw_intro

示例的第一部分创建一个 Rectangle 元素，并将其显示在 StackPanel 中。

XAML

<StackPanel>
  <Rectangle MouseLeftButtonDown="Mouse_Clicked"
   x:Name="MyAnimatedRectangle"
   Width="100" Height="100" Fill="Blue" />
</StackPanel>

若要创建动画并将其应用于矩形的 Opacity 属性，请执行以下操作：

创建 DoubleAnimation

创建 Storyboard

开始 Storyboard 以响应事件

以下各节将详细讨论这些步骤。