Silverlight开始在整个网站积累更深入的体验

核心提示： 使用 MediaElement 标记控制音频和视频内容，此标记具有源属性，Silverlight开始在整个网站积累更深入的体验(7)，指向即将播放的媒体，使用此标记定义的对象提供了许多控制媒体播放的方法和事件，在进行过程中逆转，使得圆形从宽到窄再到宽，在文章稍后部分中，您将看到用 XAML

使用 MediaElement 标记控制音频和视频内容。此标记具有源属性，指向即将播放的媒体。使用此标记定义的对象提供了许多控制媒体播放的方法和事件。在文章稍后部分中，您将看到用 XAML 构建的简单媒体播放器示例，其中 JavaScript 实现了播放、暂停、停止等用户交互。定义 MediaElement 非常简单：

<Canvas xmlns=”...” xmlns:x=”...”>
　 <MediaElement Source=”xbox.wmv” />
</Canvas>

在 XAML 中实现动画的方式是定义属性应该如何根据时间线逐渐发生变化。动画定义包含在 Storyboard 中。动画有各种不同的类型，包括变化数字属性的 DoubleAnimation、变化颜色和画笔的 ColorAnimation、变化二维值的 PointAnimation。这些动画可以是线性的，也可以是基于关键帧的。在线性动画中，动画沿着定义的时间线发生流畅的变化。基于关键帧的动画可在离散的值之间移动。

图 4 显示了一个随时间改变圆形宽度的简单动画示例。AutoReverse 属性设为 True，指示引擎继续动画，在进行过程中逆转，使得圆形从宽到窄再到宽，而不是重复从宽到窄的转换。

Figure4简单的动画

<Canvas xmlns=”...” xmlns:x=”...”>
　<Canvas.Triggers>
　　<EventTrigger RoutedEvent=”Canvas.Loaded”>
　　　<BeginStoryboard>
　　　　<Storyboard>
　　　　　<DoubleAnimation
　　　　　　Storyboard.TargetName=”theCircle”
　　　　　　Storyboard.TargetProperty=”Width”
　　　　　　From=”200” To=”1” Duration=”0:0:2”　　　　
　　　　　　AutoReverse=”True”/>
　　　　</Storyboard>
　　　</BeginStoryboard>
　　</EventTrigger>
　</Canvas.Triggers>
　<Ellipse x:Name=”theCircle” Width=”100” Height=”100” Fill=”Yellow” />
</Canvas>