如何在 TabControl 中设置 header 的高度？

Question

如何在TabControl中设置 header 的高度（在附图中标记为红色）？ 我想出了如何控制单个选项卡（标记为蓝色）的高度，但找不到更改完整 header 行的高度的方法。

Answer 1

为了更改选项卡 header 尺寸或边距，您必须编辑TabControl的控件模板。 使用 Visual Studio 或 Blend提取默认样式及其控件模板，并为承载选项卡标题的TabPanel调整该部分。

<TabPanel x:Name="headerPanel" Background="Transparent" Grid.Column="0" IsItemsHost="true" Margin="2,2,2,0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex="1"/>

---

更新您的评论：当您降低TabPanel的高度时，选项卡 header 中的文本可能会被截断，尽管还有空间。 这是由项目容器的默认Padding引起的。 您可以使用样式将其删除。

<TabControl.ItemContainerStyle>
   <Style TargetType="{x:Type TabItem}" BasedOn="{StaticResource {x:Type TabItem}}">
      <Setter Property="Padding" Value="0"/>
   </Style>
</TabControl.ItemContainerStyle>