WPF中通过触发条件修改ComboBox选中项背景色

嘿，我来帮你搞定这个需求！你已经有了绑定好数据的ComboBox，现在要根据触发条件修改选中项的背景色，其实只需要在你现有的ItemContainerStyle里添加触发器就行，下面分两种常见场景给你方案：

场景1：根据选中项自身的属性触发 #

比如你的模块对象（也就是KeyValuePair的Value）里有个IsSpecial属性，当这个属性为True时，选中该项就显示特殊背景色：

<ComboBox SelectedValuePath="Key" DisplayMemberPath="Value.ModuleName" 
          controls:TextBoxHelper.Watermark="All" Height="2" 
          IsSynchronizedWithCurrentItem="True" ItemsSource="{Binding Modules}" 
          commands:PropertyChangeBehavior.Command="{Binding ModuleCommand}" 
          SelectedValue="{Binding SelectedModule, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}">
    <ComboBox.ItemContainerStyle>
        <Style TargetType="ComboBoxItem">
            <!-- 设置默认样式 -->
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="Padding" Value="4,2"/>
            
            <Style.Triggers>
                <!-- 覆盖系统默认的选中背景 -->
                <Trigger Property="IsSelected" Value="True">
                    <Setter Property="Background" Value="#E0E0E0"/>
                </Trigger>
                <!-- 当模块是特殊模块时，选中后背景变橙色 -->
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <Condition Binding="{Binding IsSelected}" Value="True"/>
                        <Condition Binding="{Binding Value.IsSpecial}" Value="True"/>
                    </MultiDataTrigger.Conditions>
                    <Setter Property="Background" Value="Orange"/>
                    <Setter Property="Foreground" Value="White"/>
                </MultiDataTrigger>
            </Style.Triggers>
        </Style>
    </ComboBox.ItemContainerStyle>
</ComboBox>

场景2：根据ViewModel的全局触发条件触发 #

比如你有个按钮，点击后要高亮当前选中的ComboBox项，这时候可以在ViewModel里加个IsHighlightSelectedModule布尔属性，然后用触发器绑定这个属性：

首先，ViewModel里要实现INotifyPropertyChanged：

private bool _isHighlightSelectedModule;
public bool IsHighlightSelectedModule
{
    get => _isHighlightSelectedModule;
    set
    {
        _isHighlightSelectedModule = value;
        OnPropertyChanged();
    }
}

// 点击按钮时触发的方法
public void ToggleHighlight()
{
    IsHighlightSelectedModule = !IsHighlightSelectedModule;
}

然后修改ComboBox的ItemContainerStyle：

<ComboBox.ItemContainerStyle>
    <Style TargetType="ComboBoxItem">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="Padding" Value="4,2"/>
        
        <Style.Triggers>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="Background" Value="#E0E0E0"/>
            </Trigger>
            <!-- 当ViewModel的高亮开关打开时，选中项变红 -->
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding IsSelected}" Value="True"/>
                    <Condition Binding="{Binding DataContext.IsHighlightSelectedModule, RelativeSource={RelativeSource AncestorType=ComboBox}}" Value="True"/>
                </MultiDataTrigger.Conditions>
                <Setter Property="Background" Value="Crimson"/>
                <Setter Property="Foreground" Value="White"/>
            </MultiDataTrigger>
        </Style.Triggers>
    </Style>
</ComboBox.ItemContainerStyle>

关键注意点 #

• 确保你的触发条件属性（不管是模块的属性还是ViewModel的属性）都实现了INotifyPropertyChanged，这样属性变化时UI才会自动更新。
• 如果你的触发条件是其他逻辑，只需要修改DataTrigger里的Binding路径就行，比如绑定到某个命令执行后的状态，或者其他UI元素的属性。

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