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

核心提示： 在了解不同的动画类型之前，您应该知道动画的框架中包括 Trigger、EventTrigger 和 Storyboard，Silverlight: 使用 XAML 和 Expression Blend 创建动画(8)，但是，首先我将介绍以下基本概念，RoutedEvent 仅支持 Load

在了解不同的动画类型之前，您应该知道动画的框架中包括 Trigger、EventTrigger 和 Storyboard。但是，首先我将介绍以下基本概念，然后再详细讲解不同的动画类型。

使用触发器和事件触发器

Silverlight 中的动画为了响应使用触发器定义的事件而发生。目前，Silverlight XAML 中仅支持一种触发器类型，即 EventTrigger。每个 UI 属性都具有一个 Triggers 集合，用来定义一个或多个触发器（即一个或多个 EventTrigger）。

因此，将动画添加到元素的第一步是定义其 Trigger 集合；然后需要向您已创建的集合中至少添加一个 EventTrigger。例如，如果您正在为一个矩形设置动画，第一步（指定 Triggers 集合）应如下所示：

<Rectangle x:Name="rect" Fill="Red"
　Canvas.Top="100" Canvas.Left="100"
　Width="100" Height="100">
　<Rectangle.Triggers>
　</Rectangle.Triggers>
</Rectangle>

接下来，您需要定义一个 EventTrigger 并将其添加到此集合。在这个 EventTrigger 中，使用 RoutedEvent 属性指定动画运行所响应的事件。请注意，RoutedEvent 仅支持 Loaded 事件。

要实现加载矩形时开始的动画，应指定 EventTrigger，如下所示：

<EventTrigger RoutedEvent="Rectangle.Loaded">
</EventTrigger>

运行此动画的 XAML 代码段如下所示：

<Rectangle x:Name="rect" Fill="Red" Canvas.Top="100"
　Canvas.Left="100" Width="100" Height="100">
　<Rectangle.Triggers>
　　<EventTrigger RoutedEvent="Rectangle.Loaded">
　　</EventTrigger>
　</Rectangle.Triggers>
</Rectangle>