Silverlight: 使用 XAML 和 Expression Blend 创建动画

核心提示： Color 类型 使用 ColorAnimation 或 ColorAnimationUsingKeyFrames 类型动画为其设置动画效果，此方法用于为包含颜色值的属性（例如元素的背景或笔画）设置动画效果，Silverlight: 使用 XAML 和 Expression Blend 创

Color 类型 使用 ColorAnimation 或 ColorAnimationUsingKeyFrames 类型动画为其设置动画效果。此方法用于为包含颜色值的属性（例如元素的背景或笔画）设置动画效果。

确定对其应用动画效果的目标

要定义您希望对其应用动画的对象，可在这些动画类型中使用 Storyboard.TargetName 属性，并将目标对象的名称传递给该属性（此名称在该对象上使用 x:Name 属性进行设置）。另外，还需要使用 Storyboard.TargetProperty 指定要对其设置动画效果的属性。请注意，如果要指定复杂属性或附加属性（如 Canvas.Left），应将其放在括号内。因此，举例来说，要指定 Double 动画效果以对名为 rect 的矩形使用 Canvas.Left 属性，所得到的 XAML 如下所示：

<DoubleAnimation Storyboard.TargetName="rect"
　Storyboard.TargetProperty="(Canvas.Left)" />

设置动画属性

要定义将目标属性从一个值转换到另一个值所用的时间，可使用 Duration 属性。请注意，此属性定义为 HH:MM:SS 格式，例如，如果动画的持续时间为 5 秒，则指定为 00:00:05，缩写为 0:0:5。

<DoubleAnimation Storyboard.TargetName="rect"
　Storyboard.TargetProperty="(Canvas.Left)" Duration="0:0:5" />

如果您不希望动画立即开始，可使用 BeginTime 属性和相同的语法插入延迟：

<DoubleAnimation Storyboard.TargetName="rect"
　Storyboard.TargetProperty="(Canvas.Left)" BeginTime="0:0:5" />

您还可以通过将持续时间与对比速率相乘来调整动画行为。可使用 SpeedRatio 属性完成此操作。例如，上一示例将持续时间设置为 5 秒。您可以通过将 SpeedRatio 设置为 2 来更改对比速率，使该动画持续 10 秒；或者通过将 SpeedRatio 设置为 0.2 来加快动画的速度，使动画在 1 秒内完成。

<DoubleAnimation Storyboard.TargetName="rect"
　Storyboard.TargetProperty="(Canvas.Left)"
　SpeedRatio="2" Duration="0:0:5" />