WPF中如何根据TurnNumber动态修改对应索引TabControl头部背景色

问题说明 #

需求是根据动态变化的TurnNumber计数器，将索引与TurnNumber匹配的Tab头部背景设为红色，且红色需覆盖选中Tab的默认灰色样式。当前存在两个问题：

• 转换器中获取的Tab项索引始终为0，导致TurnNumber=0时所有Tab头部变红
• 选中Tab的灰色默认样式会覆盖红色背景

解决方案 #

1. 修复Tab项索引始终为0的问题 #

ItemsControl.AlternationIndex默认未启用，需要给TabControl设置AlternationCount绑定到集合数量，让每个TabItem获得正确的索引值：

<TabControl TabStripPlacement="Left" 
            ItemsSource="{Binding EntitiesInInitiative}" 
            SelectedIndex="{Binding SelectedTab}"
            AlternationCount="{Binding EntitiesInInitiative.Count}">

同时确认TurnNumber的起始值与AlternationIndex一致（均从0开始），若TurnNumber从1起始，需在转换器中对数值做减1处理。

2. 让红色背景覆盖选中Tab的灰色样式 #

默认TabItem选中状态的Trigger优先级高于Style中的DataTrigger，需调整触发逻辑确保红色优先级更高，以下两种方法任选其一：

方法一：调整Trigger顺序

在Style中先定义选中状态的Trigger，再定义TurnNumber匹配的DataTrigger（后定义的Trigger优先级更高）：

<Style TargetType="TabItem">
    <Style.Triggers>
        <!-- 默认选中样式 -->
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Background" Value="Gray"/>
        </Trigger>
        <!-- TurnNumber匹配时覆盖所有状态 -->
        <DataTrigger Value="True">
            <DataTrigger.Binding>
                <MultiBinding Converter="{StaticResource TwoEqualNumbersToBooleanConverter}">
                    <Binding RelativeSource="{RelativeSource Self}" Path="(ItemsControl.AlternationIndex)" />
                    <Binding Path="DataContext.TurnNumber" RelativeSource="{RelativeSource AncestorType=Window}" />
                </MultiBinding>
            </DataTrigger.Binding>
            <Setter Property="Background" Value="Red"/>
        </DataTrigger>
    </Style.Triggers>
</Style>

方法二：重写TabItem的ControlTemplate

直接在控件模板中定义触发逻辑，确保TurnNumber匹配的样式优先级最高：

<Style TargetType="TabItem">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="TabItem">
                <Border x:Name="Border" 
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        Padding="{TemplateBinding Padding}">
                    <ContentPresenter ContentSource="Header" />
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter TargetName="Border" Property="Background" Value="Gray"/>
                    </Trigger>
                    <DataTrigger Value="True">
                        <DataTrigger.Binding>
                            <MultiBinding Converter="{StaticResource TwoEqualNumbersToBooleanConverter}">
                                <Binding RelativeSource="{RelativeSource TemplatedParent}" Path="(ItemsControl.AlternationIndex)" />
                                <Binding Path="DataContext.TurnNumber" RelativeSource="{RelativeSource AncestorType=Window}" />
                            </MultiBinding>
                        </DataTrigger.Binding>
                        <Setter TargetName="Border" Property="Background" Value="Red"/>
                    </DataTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

3. 优化转换器逻辑 #

移除多余的ConverterParameter，加入空值和类型转换校验避免异常：

public class TwoEqualNumbersToBooleanConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        if (values.Length < 2 || values[0] == null || values[1] == null)
            return false;

        if (!int.TryParse(values[0].ToString(), out int number1) || !int.TryParse(values[1].ToString(), out int number2))
            return false;

        return number1 == number2;
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

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