2.2 KiB
2.2 KiB
title
| title |
|---|
| TabControl 选项卡控件 |
TabControlBaseStyle
选项卡控件默认样式,不推荐直接使用,应该始终被其它样式以BasedOn的方式使用。
案例:
<TabControl Margin="10">
<TabItem Header="选项卡1">
</TabItem>
<TabItem Header="选项卡2">
</TabItem>
<TabItem Header="选项卡3">
</TabItem>
</TabControl>
效果:
TabControlInLine : TabControlBaseStyle
单行填充选项卡样式
案例:
<TabControl Margin="10" Style="{StaticResource TabControlInLine}">
<TabItem Header="选项卡1">
</TabItem>
<TabItem Header="选项卡2">
</TabItem>
<TabItem Header="选项卡3">
</TabItem>
</TabControl>
效果:
TabControlCapsule
胶囊状选项卡样式
案例:
<TabControl Margin="10" Style="{StaticResource TabControlCapsule}">
<TabItem Header="选项卡1">
</TabItem>
<TabItem Header="选项卡2">
</TabItem>
<TabItem Header="选项卡3">
</TabItem>
</TabControl>
效果:
TabControlCapsuleSolid : TabControlCapsule
胶囊状(实心)选项卡样式
案例:
<TabControl Margin="10" Style="{StaticResource TabControlCapsuleSolid}">
<TabItem Header="选项卡1">
</TabItem>
<TabItem Header="选项卡2">
</TabItem>
<TabItem Header="选项卡3">
</TabItem>
</TabControl>
效果:
温馨提示
可以使用属性TabStripPlacement设定头部标题的位置,效果如下:




