TabControl:表示包含多个项的控件,这些项共享屏幕上的同一空间。
TabControl为选项卡控件,使用TabItem创建选项卡,实例中创建了两页选项卡。TabStripPlacement属性可以设置选项卡标题停靠方向,有四个值,分别为,Left、Right、Top、Bottom,默认为Top,可根据需要选择停靠方向。
在TabControl第一页中我们使用了TextBlock、Label、ListBox来编排选项卡中的布局;第二页采用了Label布局。
TabControl也可以调整字体大小、颜色;边框宽度、颜色等属性来设置TabControl的样式,在此不在叙述。
图1代码:
<Grid>
<TabControl TabStripPlacement="Top" Width="300" Height="400" VerticalAlignment="Top" Background="AliceBlue">
<TabItem Header="第一页">
<StackPanel>
<TextBlock>111</TextBlock>
<Label>222</Label>
<ListBox Name="listbox_1">
<ListBoxItem>333</ListBoxItem>
<ListBoxItem>444</ListBoxItem>
<ListBoxItem>555</ListBoxItem>
</ListBox>
</StackPanel>
</TabItem>
<TabItem Header="第二页">
<Label>你好</Label>
</TabItem>
</TabControl>
</Grid>
图1a 图1b