如何修改Dragablz选项卡的标题文字及下方标识颜色？

嘿，我知道你在改Dragablz选项卡样式时遇到了头疼的问题——直接设置TabItem的Foreground没生效是吧？这很正常，因为Dragablz的TabItem有自己的默认模板，会覆盖你直接设置的属性。下面我给你靠谱的解决办法，分别搞定标题文字颜色和那个绿色的选中标识：

一、修改选项卡标题文字颜色 #

想要让标题文字变成黑色（或其他颜色），你需要通过ItemContainerStyle来统一设置TabItem的样式，这样能覆盖默认模板的样式规则。示例代码如下：

<dragablz:TabablzControl FixedHeaderCount="3">
    <!-- 自定义TabItem容器样式 -->
    <dragablz:TabablzControl.ItemContainerStyle>
        <Style TargetType="TabItem">
            <!-- 默认状态下的文字颜色 -->
            <Setter Property="Foreground" Value="Black"/>
            <!-- 选中状态下的文字颜色（可选，按需调整） -->
            <Style.Triggers>
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="Foreground" Value="#2C3E50"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </dragablz:TabablzControl.ItemContainerStyle>

    <!-- 你的选项卡内容 -->
    <TabItem Header="DIALOGS">
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center">Hello World</TextBlock>
    </TabItem>
    <TabItem Header="Mahapps">
        <!-- 这里放Mahapps相关内容 -->
    </TabItem>
    <TabItem Header="Palette">
        <!-- 这里放Palette相关内容 -->
    </TabItem>
</dragablz:TabablzControl>

这个方法的核心是通过ItemContainerStyle给所有TabItem统一注入样式规则，确保你的Foreground设置能生效。

二、修改选中时的绿色标识（选中指示器） #

那个绿色的下划线是Dragablz的选中指示器，你可以直接通过TabablzControl的SelectedItemIndicatorBrush属性修改它的颜色：

<!-- 全局修改所有选中选项卡的指示器颜色 -->
<dragablz:TabablzControl FixedHeaderCount="3" SelectedItemIndicatorBrush="#E67E22">
    <!-- 选项卡内容 -->
</dragablz:TabablzControl>

如果你只想单独修改“DIALOGS”选项卡的指示器颜色，可以用触发器结合附加属性实现：

<dragablz:TabablzControl FixedHeaderCount="3">
    <dragablz:TabablzControl.ItemContainerStyle>
        <Style TargetType="TabItem">
            <Style.Triggers>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsSelected" Value="True"/>
                        <Condition Property="Header" Value="DIALOGS"/>
                    </MultiTrigger.Conditions>
                    <!-- 单独给DIALOGS设置选中指示器颜色 -->
                    <Setter Property="dragablz:TabablzControl.SelectedItemIndicatorBrush" Value="#E74C3C"/>
                </MultiTrigger>
            </Style.Triggers>
        </Style>
    </dragablz:TabablzControl.ItemContainerStyle>

    <!-- 选项卡内容 -->
</dragablz:TabablzControl>

如果以上方法还是没达到预期，那可能需要重写TabablzControl的完整ControlTemplate，找到模板中名为SelectedItemIndicator的Border元素，修改它的Background绑定即可。

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