HandyControl/doc/source/handycontrol/native_controls/tabControl/index.md

title

title
TabControl 选项卡控件

TabControlBaseStyle

选项卡控件默认样式，不推荐直接使用，应该始终被其它样式以BasedOn的方式使用

案例：

<Style BasedOn="{StaticResource TabControlBaseStyle}" TargetType="TabControl"/>

xaml中：

<TabControl Margin="10">
   <TabItem Header="选项卡1">
   </TabItem>
   <TabItem Header="选项卡2">
   </TabItem>
   <TabItem Header="选项卡3">
   </TabItem>
</TabControl>

效果：

TabControlInLine

行内选中选项卡样式

案例：

<TabControl Margin="10" Style="{DynamicResource TabControlInLine}">
    <TabItem Header="选项卡1">
    </TabItem>
    <TabItem Header="选项卡2">
    </TabItem>
    <TabItem Header="选项卡3">
    </TabItem>
</TabControl>

效果：

TabControlCapsule

简约选项卡样式

案例：

<TabControl Margin="10" Style="{DynamicResource TabControlCapsule}">
    <TabItem Header="选项卡1">
    </TabItem>
    <TabItem Header="选项卡2">
    </TabItem>
    <TabItem Header="选项卡3">
    </TabItem>
</TabControl>

效果：

TabControlCapsuleSolid

案例：

<TabControl Margin="10" Style="{DynamicResource TabControlCapsuleSolid}">
    <TabItem Header="选项卡1">
    </TabItem>
    <TabItem Header="选项卡2">
    </TabItem>
    <TabItem Header="选项卡3">
    </TabItem>
</TabControl>

效果：

温馨提示

使用属性TabStripPlacement设定头部标题的位置，效果如下：