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

Question

How can I set the height of the header in a TabControl (marked in red in the attached picture)? I figured out how to control the height of the single tabs (marked in blue) but could not find a way to change the height of the complete header line.

Answer 1

In order to change the tab header dimensions or margin, you have to edit the control template of the TabControl . Extract the default style and its control template using Visual Studio or Blend and adapt the section for TabPanel , which hosts the tab headers.

<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"/>

---

Update for your comment: When you decrease the height of the TabPanel , the text in the tab header might appear to be cut-off, although there is space left. This is caused by the default Padding of the item container. You can remove it using a style.

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