如何在WPF中实现黑白表格？按行列索引修改单元格背景色

嘿，针对你的WPF表格单元格背景色需求，我来给你梳理下可行的方案——你已经在用DataGrid了，这其实就是最适合的控件！下面分两种场景给你讲具体实现，还有排查你现有代码问题的思路：

它完美适配你的需求：既支持通过数据绑定自动根据值切换背景色（MVVM友好），也支持手动通过行列索引直接修改单元格样式，完全能满足“无文本、仅背景色变化”的要求。

方式1：数据绑定自动设置（推荐，更符合WPF设计思想） #

如果你的单元格背景色是和数据模型里的某个值绑定的，这种方式最省心，不需要手动操作行列索引。举个完整的例子：

第一步：定义数据模型 #

先创建一个实现INotifyPropertyChanged的模型类，用来存储单元格的颜色值：

public class CellItem : INotifyPropertyChanged
{
    private Color _bgColor;
    public Color BgColor
    {
        get => _bgColor;
        set
        {
            _bgColor = value;
            OnPropertyChanged();
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    private void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

第二步：修改DataGrid的XAML配置 #

关闭自动生成列，手动定义模板列，让单元格绑定背景色（因为不需要文本，直接用空Grid占位）：

<DataGrid Name="DataGrid" 
          ItemsSource="{Binding DataView, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}" 
          HeadersVisibility="None"
          AutoGenerateColumns="False">
    <!-- 这里根据你的实际列数添加模板列 -->
    <DataGrid.Columns>
        <DataGridTemplateColumn Width="*">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Grid Background="{Binding BgColor}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
        <DataGridTemplateColumn Width="*">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <Grid Background="{Binding BgColor}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
        <!-- 更多列以此类推 -->
    </DataGrid.Columns>
</DataGrid>

之后只要你更新DataView里对应CellItem的BgColor属性，单元格背景色就会自动同步变化。

方式2：通过行列索引手动修改（后台代码直接操作） #

如果需要在特定场景下（比如用户交互触发）手动指定某行列的背景色，可以用下面的方法：

/// <summary>
/// 手动设置指定行列的单元格背景色
/// </summary>
/// <param name="rowIndex">行索引（从0开始）</param>
/// <param name="columnIndex">列索引（从0开始）</param>
/// <param name="targetColor">目标背景色</param>
private void SetCellBgColor(int rowIndex, int columnIndex, Color targetColor)
{
    // 先校验行列索引是否合法
    if (rowIndex < 0 || rowIndex >= DataGrid.Items.Count || columnIndex < 0 || columnIndex >= DataGrid.Columns.Count)
        return;

    // 获取指定行的容器
    var targetRow = DataGrid.ItemContainerGenerator.ContainerFromIndex(rowIndex) as DataGridRow;
    if (targetRow == null)
    {
        // 如果开启了虚拟化，可能需要先滚动到对应行再获取
        DataGrid.ScrollIntoView(DataGrid.Items[rowIndex]);
        targetRow = DataGrid.ItemContainerGenerator.ContainerFromIndex(rowIndex) as DataGridRow;
    }

    if (targetRow != null)
    {
        // 获取指定列的单元格内容
        var cellContent = DataGrid.Columns[columnIndex].GetCellContent(targetRow) as FrameworkElement;
        if (cellContent != null)
        {
            cellContent.Background = new SolidColorBrush(targetColor);
        }
        else
        {
            // 如果单元格是空的，创建一个空Grid作为内容并设置背景
            var emptyCell = new Grid();
            emptyCell.Background = new SolidColorBrush(targetColor);
            DataGrid.Columns[columnIndex].SetCellContent(targetRow, emptyCell);
        }
    }
}

// 调用示例：把第0行第0列改成红色
SetCellBgColor(0, 0, Colors.Red);

注意点： #

• 如果你的DataGrid开启了虚拟化（默认是开启的），ItemContainerGenerator.ContainerFromIndex可能返回null，这时候需要先调用ScrollIntoView让行加载出来，或者关闭虚拟化（不推荐大数据场景）：

  <DataGrid Name="DataGrid" 
            VirtualizingStackPanel.IsVirtualizing="False"
            ...>
  

从你提供的代码片段来看，可能的问题有这些：

1. SelectionUnit属性没写完：必须指定完整的值，比如SelectionUnit="Cell"或SelectionUnit="FullRow"，不完整的属性会导致XAML编译失败。
2. 自动生成列的问题：如果AutoGenerateColumns是默认的True，DataGrid会根据DataView的字段生成带文本的列，你需要设置AutoGenerateColumns="False"并手动定义模板列（像方式1那样）。
3. 绑定的DataView是否正确：确保你的ViewModel里的DataView是有效的集合（比如ObservableCollection<CellItem>或者DataTable.DefaultView），并且实现了INotifyPropertyChanged接口，否则绑定不会生效。

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