WPF TabControl底部Header被拖动图片遮盖问题如何解决？

WPF 默认 TabControl 的控件模板中，承载头部标签的 TabPanel 渲染顺序早于承载 Tab 内容的 ContentPresenter。WPF 视觉树中同层级元素后渲染的默认 ZIndex 更高，加上 TabPanel 默认背景为透明（null），因此内容区的图片拖动到头部区域时会直接透上来，而头部的按钮自带视觉内容不会被透明背景透出的内容遮盖。你之前修改外层 ZIndex 不生效是因为需要调整的是 TabControl 内部视觉树中两个元素的层级关系，外层属性无法作用到内部控件。

重写 TabControl 的控件模板，调整 TabPanel 和 ContentPresenter 的层级，同时为 TabPanel 显式设置实色背景即可。

步骤1：添加TabControl样式 #

在页面资源中添加适配底部标签的 TabControl 样式：

<Window.Resources>
    <Style TargetType="TabControl" x:Key="BottomTabFixStyle">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="TabControl">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"/>
                            <RowDefinition Height="Auto"/>
                        </Grid.RowDefinitions>
                        <!-- Tab内容区 -->
                        <ContentPresenter Grid.Row="0" 
                                          Content="{TemplateBinding SelectedContent}" 
                                          Panel.ZIndex="1"/>
                        <!-- 底部标签头部，层级高于内容区，继承TabControl的背景 -->
                        <TabPanel Grid.Row="1" 
                                  IsItemsHost="True" 
                                  Background="{TemplateBinding Background}" 
                                  Panel.ZIndex="2"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

步骤2：引用样式 #

给你原有的 TabControl 加上刚才定义的样式：

<TabControl Grid.Row="1" Grid.Column="0" 
            TabStripPlacement="Bottom" 
            Background="LightGray" 
            ItemsSource="{Binding LayoutTabs}" 
            SelectedIndex="0" 
            SelectedItem="{Binding SelectedTab, Mode=OneWayToSource}"
            Style="{StaticResource BottomTabFixStyle}"/>

修改完成后，底部标签头部的层级高于内容区，且有实色背景，拖动的图片会被整个头部完全遮挡，不会再出现透出的问题。如果需要同时适配顶部、右侧等不同位置的标签栏，可以在模板中添加 Trigger 根据 TabStripPlacement 属性动态调整 Grid 布局即可。

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