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