Silverlight 2学习教程（九）：Silverlight 2 beta2 新控件介绍之 TabControl 控件

Silverlight 2 beta2 新控件之TabControl

Silverlight 2 为设计人员和开发人员提供了可在应用程序中使用的一套控件，通过 Expression 工具，我们可以设置这些控件的外观。在 Silverlight 2 的 Beta 2中，又增添一个新的控件：TabControl

TabControl 控件包含在 System.Windows.Controls.Extended 类库中，而不是包含在 Silverlight 的核心类库中。要使用 TabControl 控件，需要添加对 Extended 程序集的引用才可以使用。在 Expression Blend 中，你可以在Asset Library的自定义控件中找到 TabControl。

实际上，自定义控件中包括 TabControl 和TabItem 2 个控件。在 Blend 中，需要先把TabControl控件拖到设计器界面中，然后在 Objects and Timeline 浏览器中双击 TabControl 控件，就会看到在这个控件周围有一条黄色的边框，表示该控件目前处于选中状态。此时，你必须再回到 Asset Library ，转到 Asset Library 控件并双击它，它就会添加到 TabControl的子控件中，可以添加多个。

最终的XAML文件可能是下面的样子：

<ex:TabControl TabStripPlacement="Bottom" VerticalAlignment="Top"
Width="231.148" Height="156.611" HorizontalAlignment="Left"
x:Name="tabstrip1">
<ex:TabItem Width="75" Height="20">
</ex:TabItem>
<ex:TabItem Width="75" Height="20" Header="Second">
</ex:TabItem>
<ex:TabItem Width="75" Height="20" Header="Third">
</ex:TabItem>
</ex:TabControl>

注意 TabControl 控件的 "ex" 名称空间，默认情况下可能是 “System_Windows_Controls”，这是添加 TabControl 控件时自动加上去的，这个名称空间实际上是加在 XAML 文件的 root 节点上的，可以改成任何想要的名称。

TabControl 有一些属性，其中一个最重要的属性是 TabStripPlacement ，这个属性允许我们设置 TabItems (tabs) 显示的方向：Top, Left, Right, 或 Bottom。我们可以在 XAML 中设置可以在运行时使用 Dock 枚举设置。

每一个 TabItem 也有2个重要的属性：Header 和 Content，Header 设置标签（tab）本身的内容，而Content 设置 TabItem 里面的具体内容。它可以设置成文本值，也可以设置成其他那女人，如一些按钮控件等。例如

<ex:TabItem Width="75" Height="20" Header="Third">
<StackPanel Orientation="Vertical">
<TextBox x:Name="yourname" />
<Button Content="Click me" Click="Button_Click" />
<TextBlock x:Name="resulttext" />
</StackPanel>
</ex:TabItem>

如果要设置Header的内容，可以明确使用 TabItem.Header，例如
<ex:TabItem Width="75" Height="20">
<ex:TabItem.Header>
<Button Content="foo" />
</ex:TabItem.Header>
<Button Content="Click Me" Click="Button_Click_1"/>
</ex:TabItem>

源自：http://timheuer.com/blog/archive/2008/06/04/silverlight-2-introduces-tabcontrol.aspx