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

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

 

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

总结

以上是内存溢出为你收集整理的Silverlight 2学习教程（九）：Silverlight 2 beta2 新控件介绍之 TabControl 控件全部内容，希望文章能够帮你解决Silverlight 2学习教程（九）：Silverlight 2 beta2 新控件介绍之 TabControl 控件所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。