使用 Silverlight 2 Web 部件打造更为出色的 SharePoint

核心提示： 我们刻意地为 MediaPlayer 创建了较为简单的 UI 以便说明集成的基本方面，图 3 显示了表示 Silverlight 应用程序的 UI 的 XAML 代码，使用 Silverlight 2 Web 部件打造更为出色的 SharePoint(4)，我们将使用 StackPanel

我们刻意地为 MediaPlayer 创建了较为简单的 UI 以便说明集成的基本方面。图 3 显示了表示 Silverlight 应用程序的 UI 的 XAML 代码。我们将使用 StackPanel 元素包含和定位 UI 内的其他控件。一个用于承载 MediaElement（即，播放 WMV 文件的元素）和 Slider 元素（表示电影短片的时间线）。另一个用于承载 Button、ToggleButton 和 CheckBox 元素，它们可提供播放、暂停、停止和静音功能。

图 3 媒体播放器 XAML

<UserControl x:Class="MediaPlayer.Page"
　　xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
　　xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
　　Width="400" Height="500">
　　<StackPanel Grid.Row="1"
　　　　　　　　Margin="20,10,20,10"
　　　　　　　　Background="White"
　　　　　　　　Visibility="Visible">
　　　　<MediaElement x:Name="moviePlayer"
　　　　　　　　　　　Source="Bear.wmv"
　　　　　　　　　　　Margin="5">　　　　　　　　　　
　　　　</MediaElement>
　　　　<Slider x:Name="timeline"
　　　　　　　　ValueChanged="timeline_ValueChanged"
　　　　　　　　Maximum="1"　
　　　　　　　　Margin="5" >
　　　　</Slider>
　　　　<StackPanel Orientation="Horizontal"
　　　　　　　　　　HorizontalAlignment="Center">
　　　　　　<Button x:Name="movieStop"
　　　　　　　　　　Content="Stop"
　　　　　　　　　　Height="25"
　　　　　　　　　　Width="40"
　　　　　　　　　　Click="movieStop_Click"
　　　　　　　　　　Margin="5">
　　　　　　</Button>
　　　　　　<ToggleButton x:Name="moviePlay"
　　　　　　　　　　　　　Content="Play"
　　　　　　　　　　　　　Height="25"
　　　　　　　　　　　　　Width="40"
　　　　　　　　　　　　　Click="moviePlay_Click"
　　　　　　　　　　　　　Margin="5">
　　　　　　</ToggleButton>
　　　　　　<CheckBox x:Name="movieMute"
　　　　　　　　　　　Content="Sound On"
　　　　　　　　　　　Click="movieMute_Click">
　　　　　　</CheckBox>
　　　　</StackPanel>
　　</StackPanel>
</UserControl>