更改 DataGrid 的颜色

Posted 2023-02-22

【中文标题】更改 DataGrid 的颜色

【英文标题】：Change Color of DataGrid

【发布时间】：2017-11-15 06:58:27

【问题描述】：

我想用我当前的代码更改整行的颜色，但 row is null。 datagrid.Rows 不存在。

例如，我想突出显示第 3^rd 行。

var row = datagrid.ItemContainerGenerator.ContainerFromItem(3) as Microsoft.Windows.Controls.DataGridRow;
row.Background = Brushes.Blue; 

【问题讨论】：

那是 WPF，不是吗？

是的，是.......

背景颜色是否取决于属性或其他内容？您可以尝试使用样式。

它是 Microsoft.Windows.Controls.DataGrid

是的，这取决于。而不是那个 3 它有一个函数并根据计时器更改此值

【参考方案1】：

试试这样的：

<DataGrid.RowStyle>
    <Style TargetType="DataGridRow">
          <Style.Triggers>
                <DataTrigger Binding="Binding Executed" Value="False">
                      <Setter Property="Background" Value="LightCoral" />
                </DataTrigger>
                <DataTrigger Binding="Binding Executed" Value="True">
                      <Setter Property="Background" Value="LightGreen" />
                </DataTrigger>
          </Style.Triggers>     
    </Style>
</DataGrid.RowStyle>

在这种情况下，我使用 caliburn micro 来根据行中的布尔值绑定背景颜色（使用布尔值？在布尔值更改之前保持白色）。

【讨论】：

如何触发颜色变化？在代码中。

通过将 bool 设置为 false 或 true。 private bool _executed; public bool Executed get => _executed; set _executed = value; NotifyOfPropertyChange(); 这就是您使用 caliburn micro 从视图模型中执行此操作的方式。设置执行将更新视图

【参考方案2】：

这并不是改变DataGridRow 背景的最佳方式——您应该按照@David Danielewicz 的建议使用Style——但对于您当前的工作方法，您应该转换从该方法返回的对象到 System.Windows.Controls.DataGridRow.

您还应该使用ContainerFromIndex 方法来获取对第四个元素的可视容器的引用。第三个元素的索引为 2。

试试这个：

var row = datagrid.ItemContainerGenerator.ContainerFromIndex(2) as System.Windows.Controls.DataGridRow;
row.Background = Brushes.Blue;

另请注意，要使其正常工作，您需要等到容器实际创建完成：

datagrid.Loaded += (ss, ee) => 

    var row = datagrid.ItemContainerGenerator.ContainerFromIndex(2) as System.Windows.Controls.DataGridRow;
    row.Background = Brushes.Blue;
;

【讨论】：

同样的事情。行 = 空

您实际在哪里执行此代码？您必须等到容器实际创建完毕。

嗯，它说它为空，但代码不会崩溃。如果我检查steps.ItemContainerGenerator，我可以看到所有项目。所以我很确定它正在从表中获取数据。

尝试根据我的编辑在 Loaded 事件处理程序中调用 ContainerFromIndex，如果仍然无法正常工作，请提供问题的完整示例：***.com/help/how-to-ask

【参考方案3】：

从后面的代码访问 View 是一种不好的做法。更好地利用 MVVM 的威力：

<Window>
    <Window.Resources>
        <ResourceDictionary>
            <Style x:Key="DataGridRowStyle" TargetType="DataGridRow">
                <Setter Property="Background" Value="Binding RowBackground"/>
            </Style>
        </ResourceDictionary>
    </Window.Resources>
    <DataGrid ItemsSource="Binding Records" RowStyle="StaticResource DataGridRowStyle" AutoGenerateColumns="False" CanUserAddRows="False">        
        <DataGrid.Columns>
            <DataGridTextColumn Binding="Binding Value" Width="*"/>
        </DataGrid.Columns>
    </DataGrid>    
</Window>

public MainWindow()

    InitializeComponent();
    DataContext = new MainWindowViewModel(); 


public class MainWindowViewModel

    public MainWindowViewModel()
    
        Records.Add(new RecordViewModel()
        
            Value = "Red",
            RowBackground = new SolidColorBrush(Colors.LightCoral)
        );

        Records.Add(new RecordViewModel()
        
            Value = "Green",
            RowBackground = new SolidColorBrush(Colors.LightGreen)
        );

        Records.Add(new RecordViewModel()
        
            Value = "Blue",
            RowBackground = new SolidColorBrush(Colors.LightBlue)
        );

        Records[2].Value = "Not blue anymore";
        Records[2].RowBackground = new SolidColorBrush(Colors.LightPink);
    

    public ObservableCollection<RecordViewModel> Records  get;  = new ObservableCollection<RecordViewModel>();


public class RecordViewModel : INotifyPropertyChanged

    private string _value;
    private Brush _rowBG;
    public event PropertyChangedEventHandler PropertyChanged;

    public string Value
    
        get
        
            return _value;
        
        set
        
            _value = value;
            OnPropertyChanged(nameof(Value));
        
    

    public Brush RowBackground
    
        get
        
            return _rowBG;
        
        set
        
            _rowBG = value;
            OnPropertyChanged(nameof(RowBackground));
        
    

    private void OnPropertyChanged(string name)
    
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(name));