如何根据数值区间设置DataGridTextColumn单元格背景色？

嘿，这个需求用StyleTrigger完全能搞定，我给你一步步拆解，直接上实用的代码示例：

首先，咱们的核心思路是通过DataGridCell的Style来设置不同数值区间的背景色，利用DataTrigger（单条件匹配）和MultiDataTrigger（多条件组合匹配）来覆盖不同数值范围。假设你的数据对象里的数值属性叫Score，直接看代码：

完整的Style定义（放在Window/UserControl的Resources里） #

<Window.Resources>
    <Style x:Key="ScoreCellStyle" TargetType="DataGridCell">
        <!-- 先继承DataGridCell的默认样式，避免破坏原有布局和交互 -->
        <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/>
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}"/>
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Padding" Value="4"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="DataGridCell">
                    <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" 
                            Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                        <ContentPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>

        <Style.Triggers>
            <!-- 1. 数值低于40时，背景设为红色 -->
            <DataTrigger Binding="{Binding Score}" Value="40" Comparison="LessThan">
                <Setter Property="Background" Value="#FFDC322F"/> <!-- 番茄红，也可以直接写Red -->
            </DataTrigger>

            <!-- 2. 数值在40-79之间，背景设为橙色 -->
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding Score}" Value="40" Comparison="GreaterThanOrEqual"/>
                    <Condition Binding="{Binding Score}" Value="79" Comparison="LessThanOrEqual"/>
                </MultiDataTrigger.Conditions>
                <Setter Property="Background" Value="#FFCB4B16"/> <!-- 深橙色，也可以直接写Orange -->
            </MultiDataTrigger>

            <!-- 3. 数值在80-100之间，背景设为绿色 -->
            <MultiDataTrigger>
                <MultiDataTrigger.Conditions>
                    <Condition Binding="{Binding Score}" Value="80" Comparison="GreaterThanOrEqual"/>
                    <Condition Binding="{Binding Score}" Value="100" Comparison="LessThanOrEqual"/>
                </MultiDataTrigger.Conditions>
                <Setter Property="Background" Value="#FF859900"/> <!-- 橄榄绿，也可以直接写Green -->
            </MultiDataTrigger>

            <!-- 可选：处理空值/非数值的情况，背景设为浅灰色 -->
            <DataTrigger Binding="{Binding Score}" Value="{x:Null}">
                <Setter Property="Background" Value="#FFEEEEEE"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

在DataGrid中应用样式 #

接下来把这个样式绑定到对应的数值列上即可：

<DataGrid ItemsSource="{Binding YourDataList}" AutoGenerateColumns="False">
    <DataGrid.Columns>
        <!-- 绑定数值列，并应用我们定义的样式 -->
        <DataGridTextColumn Header="分数" Binding="{Binding Score}" CellStyle="{StaticResource ScoreCellStyle}"/>
        <!-- 其他列正常定义即可 -->
        <DataGridTextColumn Header="姓名" Binding="{Binding Name}"/>
    </DataGrid.Columns>
</DataGrid>

几个关键注意点： #

1. 属性名替换：如果你的数值属性不是Score，记得把所有{Binding Score}里的Score改成你实际的属性名。
2. Trigger顺序：一定要按从低到高的顺序写Trigger（先判断<40，再40-79，最后80-100），因为WPF会从上到下检查Trigger，匹配到就应用样式，顺序错了会导致区间判断失效。
3. 数值类型：确保你的数据属性是数值类型（int、double等），如果是字符串格式的数值，需要先通过Converter转成数值类型（不过你说用StyleTrigger测试，默认假设是数值类型）。
4. 颜色自定义：代码里的十六进制颜色可以换成你喜欢的，比如直接用Red、Orange、Green这些系统预设颜色。

如果是自动生成列（AutoGenerateColumns="True"），你可以直接把样式设置给DataGrid的CellStyle属性，让所有单元格应用，或者通过DataGrid.ColumnGenerated事件给特定列单独设置样式。

内容的提问来源于stack exchange，提问作者Simon SCHÖNEGGER