WPF 中 DataGrid 使用方法

### 在 WPF DataGrid 中通过绑定动态设置单元格背景颜色 在 WPF 应用程序中，可以通过多种方式利用 `Binding` 来动态更改 `DataGrid` 单元格的背景颜色。一种常见方法是使用转换器（Converter），它允许基于特定条件或数据值来调整显示属性。 #### 使用 Value Converter 修改单元格背景色 定义一个自定义的颜色转换器类，该类实现了 `IValueConverter` 接口： ```csharp public class BackgroundColorConverter : IValueConverter { public object Convert(object value, Type targetType, object parameter, CultureInfo culture) { var cellValue = (string)value; switch(cellValue.ToLower()) { case "active": return Brushes.Green; case "inactive": return Brushes.Red; default: return Brushes.White; } } public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) { throw new NotImplementedException(); } } ``` 接着，在 XAML 文件里声明此资源并应用到目标列上： ```xml <Window.Resources> <local:BackgroundColorConverter x:Key="MyBackgroundConv"/> </Window.Resources> <DataGrid AutoGenerateColumns="False"> <!-- ... --> <DataGrid.Columns> <DataGridTextColumn Header="Status" Binding="{Binding Status}"> <DataGridTextColumn.ElementStyle> <Style TargetType="TextBlock"> <Setter Property="Background" Value="{Binding Path=., Converter={StaticResource MyBackgroundConv}}"/> </Style> </DataGridTextColumn.ElementStyle> </DataGridTextColumn> <!-- Other columns... --> </DataGrid.Columns> </DataGrid> ``` 上述代码片段展示了如何创建一个简单的字符串匹配逻辑以决定返回哪种刷子对象作为背景颜色[^2]。对于更复杂的情况，则可以扩展这个转换函数来进行更加精细控制。 另外还可以考虑采用触发器的方式实现相同功能，即当满足某些条件时自动改变样式特性；或是直接操作视图模型中的属性并通过命令模式通知 UI 更新。

### 实现 WPF DataGrid 单元格背景颜色动态设置 为了实现基于绑定数据动态改变 `DataGrid` 单元格背景颜色的功能，在 MVVM 架构下可以采用触发器（Triggers）、转换器（Converters）以及样式（Styles）。下面介绍具体方法： #### 创建自定义属性用于指示颜色逻辑 首先扩展原有 Model 或 ViewModel，加入表示状态的新字段来决定单元格的颜色。例如对于用户的年龄超过一定数值时变红。 ```csharp public class User : INotifyPropertyChanged { private bool _isOld; public int Id { get; set; } public string Name { get; set; } public char Sex { get; set; } public int Age { get => age; set { if (value != this.age) { this.age = value; OnPropertyChanged(nameof(Age)); // 更新 IsOld 属性 UpdateIsOld(); } } } private void UpdateIsOld() { var oldValue = _isOld; _isOld = Age > 60; if (_isOld != oldValue) OnPropertyChanged(nameof(IsOld)); } public bool IsOld { get => _isOld; private set { if(value !=_isOld){ _isOld=value; OnPropertyChanged(nameof(IsOld)); } } } protected virtual void OnPropertyChanged(string propertyName) => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); public event PropertyChangedEventHandler PropertyChanged; } ``` 此部分代码展示了如何在用户类中添加一个布尔类型的属性 `_isOld` 来标记用户是否属于老年人群，并且每当年龄发生变化时都会重新评估这个标志位并通知界面刷新[^1]。 #### 定义资源字典中的样式与转换器 接着是在 XAML 文件里声明所需的资源，包括但不限于颜色刷子、多值绑定转换器等工具。这里提供了一个简单的例子展示如何利用 `Style` 和 `Trigger` 结合的方式完成目标效果: ```xml <Window.Resources> <!-- 颜色定义 --> <SolidColorBrush x:Key="NormalBrush" Color="#FFFFFFFF"/> <SolidColorBrush x:Key="HighlightBrush" Color="#FFFFCCCC"/> <!-- 转换器：将bool转成Brush对象 --> <local:BooleanToBrushConverter x:Key="BoolToBrushConv"> <local:BooleanToBrushConverter.TrueBrush>{StaticResource HighlightBrush}</local:BooleanToBrushConverter.TrueBrush> <local:BooleanToBrushConverter.FalseBrush>{StaticResource NormalBrush}</local:BooleanToBrushConverter.FalseBrush> </local:BooleanToBrushConverter> </Window.Resources> ``` 上述 XML 片段设置了两种不同的背景色作为正常情况下的白色 (`#FFFFFF`) 及高亮情况下淡红色(`#FFCCCC`). 同时还注册了一个名为 `BooleanToBrushConverter` 的实例用来辅助后续操作. #### 应用样式至 DataGridColumn 最后一步就是把这些组件组合起来作用于实际表格列上了。可以通过如下方式指定某一列的 CellStyle 使用之前准备好的 Style : ```xml <DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Users}"> <DataGrid.Columns> ... <DataGridTextColumn Header="Age" Binding="{Binding Age}" Width="*"> <DataGridTextColumn.CellStyle> <Style TargetType="DataGridCell"> <Setter Property="Background" Value="{Binding Path=DataContext.IsOld, RelativeSource={RelativeSource AncestorType=DataGridRow}, Converter={StaticResource BoolToBrushConv}}"/> </Style> </DataGridTextColumn.CellStyle> </DataGridTextColumn> ... </DataGrid.Columns> </DataGrid> ``` 这段配置使得每一行对应的 "Age" 列会依据其关联的数据项内 `IsOld` 值的不同而呈现出不同底纹色彩的效果[^3].