如何让WPF TabControl仅显示标签头，隐藏内容区域？

嘿，我之前刚好碰到过一模一样的需求！其实不用折腾复杂的自定义控件，有几个简单的办法就能让TabControl只展示标签头、隐藏内容区域，而且完全保留标签的选择功能，给你说两个最顺手的方案：

方案1：重写TabControl的ControlTemplate（最彻底） #

直接修改TabControl的模板，只保留标签头的容器（TabPanel），去掉内容区域的部分。这样从布局根源上就没有内容区了，视觉效果完全符合需求：

<TabControl>
    <TabControl.Template>
        <ControlTemplate TargetType="TabControl">
            <StackPanel>
                <!-- 保留标签头的容器，确保标签能正常显示和切换 -->
                <TabPanel x:Name="HeaderPanel"
                          Panel.ZIndex="1"
                          Margin="0,0,4,-1"
                          IsItemsHost="True"
                          KeyboardNavigation.TabIndex="1"
                          Background="Transparent"
                          HorizontalAlignment="Stretch"/> <!-- 可选：让标签头占满宽度 -->
                <!-- 留个高度为0的占位元素，避免布局异常 -->
                <Border Height="0" Visibility="Collapsed"/>
            </StackPanel>
        </ControlTemplate>
    </TabControl.Template>

    <!-- 你的标签项 -->
    <TabItem Header="标签1"/>
    <TabItem Header="标签2"/>
    <TabItem Header="标签3"/>
</TabControl>

方案2：通过样式隐藏内容区域（最快捷） #

如果不想改模板，直接给ContentPresenter（TabControl内容区域的载体）设置样式，把它的高度设为0并隐藏，默认模板下完全生效：

<TabControl>
    <TabControl.Resources>
        <Style TargetType="ContentPresenter">
            <Setter Property="Height" Value="0"/>
            <Setter Property="Visibility" Value="Collapsed"/>
        </Style>
    </TabControl.Resources>

    <TabItem Header="标签A"/>
    <TabItem Header="标签B"/>
</TabControl>

额外优化：让标签头占满整个宽度（可选） #

如果需要标签均分TabControl的宽度，可以给TabItem加个简单的样式：

<TabControl.Resources>
    <Style TargetType="TabItem">
        <Setter Property="HorizontalAlignment" Value="Stretch"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
    </Style>
</TabControl.Resources>

这两种方法都能完美实现仅显示标签头的效果，你可以根据自己的项目情况选一个～

内容的提问来源于stack exchange，提问作者Jiho Han