如何更改 devexpressgrid 中选定行的颜色

Question

我是 DevExpress 网格的新手。当选择一行时，我需要更改网格中行的颜色。

有人可以发布一些代码来实现上述场景..

提前致谢..

Answer 1

如果我是你，我会更改 GridView.Appearance.FocusedRow.BackColor 和 GridView.Appearance.SelectedRow.BackColor 属性。这将强制 GridControl 选择此颜色来绘制所选行的背景。

Answer 2

何时忽略此答案

如果您想让所有网格行的颜色相同（除了所选行之外），请忽略此答案，转而使用 DevExpress 的帖子。

如果您想根据每行后面的 ViewModel 中的某个变量动态为网格行着色，那么这个答案是一个很好的开始。

简而言之

• 向网格添加新样式。
• 新样式将覆盖行的默认颜色。
• 新样式有一个 DataTrigger，当选择突出显示的行时，该行会以不同的方式着色（通过监视 SelectionState）。

添加样板后就很容易了...

不要因代码量而推迟。添加样板后，通过将其添加到项目中的任何网格来应用新的配色方案：

RowStyle="{StaticResource CustomRowStyle}"

XAML

添加此样式：

<Style x:Key="CustomRowStyle" TargetType="{x:Type grid:GridRowContent}" BasedOn="{StaticResource {dxgt:GridRowThemeKey ResourceKey=RowStyle}}">
    <Setter Property="Foreground" Value="{StaticResource DoneForegroundBrush}" />
    <Setter Property="Background" Value="{StaticResource DoneBackgroundBrush}" />
    <Style.Triggers>
        <DataTrigger Binding="{Binding Path=SelectionState, Converter={StaticResource TrueIfSelectedOrFocused}}" Value="True">
            <Setter Property="Foreground" Value="{StaticResource SelectedForegroundBrush}" />
            <Setter Property="Background" Value="{StaticResource SelectedDoneBackgroundBrush}" />
        </DataTrigger>
    </Style.Triggers>
</Style>

添加这些颜色：

<SolidColorBrush x:Key="DoneForegroundBrush" Color="#FF00D000"></SolidColorBrush>
<SolidColorBrush x:Key="DoneBackgroundBrush" Color="#20263900"></SolidColorBrush>
<SolidColorBrush x:Key="SelectedForegroundBrush" Color="White"></SolidColorBrush>
<SolidColorBrush x:Key="SelectedDoneBackgroundBrush" Color="DarkGreen" Opacity="0.5"></SolidColorBrush>

然后附加使用 RowStyle 属性将此样式添加到网格：

<grid:GridControl
          ItemsSource="{Binding Items}"
          SelectedItem="{Binding ItemSelected, Mode=TwoWay}"
          AutoGenerateColumns="None"     
          SelectionMode="Row">
        <grid:GridControl.View>
            <grid:TableView VerticalScrollbarVisibility="Auto"
                AutoWidth="True"
                NavigationStyle="Row"
                DetailHeaderContent="Orders"
                ShowGroupPanel="False"
                ShowColumnHeaders="True"
                FadeSelectionOnLostFocus="False"
                ShowIndicator="False"
                UseLightweightTemplates="None"
                RowStyle="{StaticResource CustomRowStyle}">
            </grid:TableView>
        </grid:GridControl.View>                                    
        <grid:GridControl.Columns>
            <!-- Column definitions here. -->
        </grid:GridControl.Columns>
    </grid:GridControl>

C#

最后，使用此转换器，如果选择或聚焦行，则需要使用该转换器对行进行不同的着色：

namespace Converters
{
    public class TrueIfSelectedOrFocused : IValueConverter
    {
        #region IValueConverter Members
        public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            try
            {
                switch ((SelectionState)value)
                {
                    case SelectionState.Selected:
                    case SelectionState.Focused:
                    case SelectionState.FocusedAndSelected:
                        return true;
                    case SelectionState.None:
                        return false;
                    default:
                        return false;
                }
            }
            catch (Exception ex)
            {
                // Log error here.
            }
        }

        public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            return Binding.DoNothing;
        }
        #endregion
    }
}

要连接此转换器，我们需要添加标准样板代码：

 <converters:TrueIfSelectedOrFocused x:Key="TrueIfSelectedOrFocused" />

和在标题中：

 xmlns:converters="clr-namespace:Converters"