Як я можу встановити колір вибраного рядка в DataGrid

Колір фонового кольору вибраного рядка в DataGrid настільки темний, що я не можу його прочитати. Чи все-таки це перекреслює?

Спробував це

<dg:DataGrid.RowStyle>
    <Style TargetType="{x:Type dg:DataGridRow}">
        <Style.Triggers>
            <Trigger Property="IsSelected" Value="True" >
                <Setter Property="Background" Value="Gainsboro" />
            </Trigger>
        </Style.Triggers>
    </Style>
</dg:DataGrid.RowStyle>

Але все одно нічого ...

Вищевказаний розчин залишив синю межу навколо кожної комірки в моєму випадку.

Це рішення, яке працювало на мене. Це дуже просто, просто додайте це до свого DataGrid. Ви можете змінити його SolidColorBrushна будь-яку іншу кисть, наприклад, лінійний градієнт.

<DataGrid.Resources>
  <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" 
                   Color="#FF0000"/>
</DataGrid.Resources>

Зрозумів. Додайте наступне в розділ DataGrid.Resources:

  <DataGrid.Resources>
     <Style TargetType="{x:Type dg:DataGridCell}">
        <Style.Triggers>
            <Trigger Property="dg:DataGridCell.IsSelected" Value="True">
                <Setter Property="Background" Value="#CCDAFF" />
            </Trigger>
        </Style.Triggers>
    </Style>
</DataGrid.Resources>

Як додаток до відповіді @Seb Kade, ви можете повністю керувати кольорами вибраних та невибраних рядків, використовуючи наступне Style:

<Style TargetType="{x:Type DataGridRow}">
    <Style.Resources>
        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent" />
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Transparent" />
        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="Black" />
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlTextBrushKey}" Color="Black" />
    </Style.Resources>
</Style>

Ви, звичайно, можете вводити потрібні кольори. Це Styleтакож буде працювати і для інших елементів колекції , такі як ListBoxItemз (якщо замінити TargetType="{x:Type DataGridRow}"з TargetType="{x:Type ListBoxItem}", наприклад).

У мене була ця проблема, і я майже вирвав волосся, і я не зміг знайти відповідну відповідь в мережі. Я намагався контролювати колір тла вибраного рядка у WPF DataGrid. Це просто не зробить. У моєму випадку причиною було те, що у мене також був CellStyle в моїй сітці даних, і CellStyle перемінив RowStyle, який я встановлював. Цікаво, що CellStyle навіть не встановив колір тла, а замість цього Bing задав властивості RowBackground та AlternateRowBackground. Тим не менш, намагання встановити колір тла для вибраного рядка взагалі не вийшло, коли я це зробив:

        <DataGrid ... >
        <DataGrid.RowBackground>
            ...
        </DataGrid.RowBackground>
        <DataGrid.AlternatingRowBackground>
            ...
        </DataGrid.AlternatingRowBackground>
        <DataGrid.RowStyle>
            <Style TargetType="{x:Type DataGridRow}">
                <Style.Triggers>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter Property="Background" Value="Pink"/>
                        <Setter Property="Foreground" Value="White"/>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </DataGrid.RowStyle>
        <DataGrid.CellStyle>
            <Style TargetType="{x:Type DataGridCell}">
                <Setter Property="Foreground" Value="{Binding MyProperty}" />
            </Style>
        </DataGrid.CellStyle>

і це спрацювало, коли я перемістив потрібний стиль для вибраного рядка зі стилю рядка та у стиль комірки, наприклад:

    <DataGrid ... >
        <DataGrid.RowBackground>
            ...
        </DataGrid.RowBackground>
        <DataGrid.AlternatingRowBackground>
            ...
        </DataGrid.AlternatingRowBackground>
        <DataGrid.CellStyle>
            <Style TargetType="{x:Type DataGridCell}">
                <Setter Property="Foreground" Value="{Binding MyProperty}" />
                <Style.Triggers>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter Property="Background" Value="Pink"/>
                        <Setter Property="Foreground" Value="White"/>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </DataGrid.CellStyle>

Просто опублікуйте це у випадку, якщо хтось має таку ж проблему.

Тригер IsSelected за замовчуванням змінює 3 властивості, фон, передній план та межу. Якщо ви хочете змінити межу, а також тло, просто включіть це в свій тригер стилю.

<Style TargetType="{x:Type dg:DataGridCell}">
    <Style.Triggers>
        <Trigger Property="dg:DataGridCell.IsSelected" Value="True">
            <Setter Property="Background" Value="#CCDAFF" />
            <Setter Property="BorderBrush" Value="Black" />
        </Trigger>
    </Style.Triggers>
</Style>

Деякі причини, через які я пережив вибрану подію, не працювали

1. Стиль налаштований для DataGridCell
2. Використання шаблонів стовпців
3. Тригер встановлюється на DataGridRow

Це мені допомогло. Встановлення стилю для DataGridCell

<Style TargetType="{x:Type DataGridCell}">
  <Style.Triggers>
    <Trigger Property="IsSelected" Value="True">
      <Setter Property="Background" Value="Green"/>
      <Setter Property="Foreground" Value="White"/>
    </Trigger>
  </Style.Triggers> 
</Style>

А оскільки я використовував стовпець шаблону з міткою всередині, я прив’язав властивість Foreground до контейнера Foreground, використовуючи прив'язку RelativeSource:

<DataGridTemplateColumn>
  <DataGridTemplateColumn.CellTemplate>
    <DataTemplate>
      <Label Content="{Binding CategoryName,
                 Mode=TwoWay,
                 UpdateSourceTrigger=LostFocus}"
             Foreground="{Binding Foreground,
                 RelativeSource={RelativeSource Mode=FindAncestor,
                     AncestorLevel=1, 
                     AncestorType={x:Type DataGridCell}}}"
             Width="150"/>
    </DataTemplate>
  </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

Я спробував ControlBrushKey, але він не працював для невибраних рядків. Фон для невибраного ряду все ще був білим. Але мені вдалося з’ясувати, що я повинен перекрити стиль стилю.

<DataGrid x:Name="pbSelectionDataGrid" Height="201" Margin="10,0"
          FontSize="20" SelectionMode="Single" FontWeight="Bold">
    <DataGrid.Resources>
        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="#FFFDD47C"/>
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="#FFA6E09C"/>
        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="Red"/>
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlTextBrushKey}" Color="Violet"/>
    </DataGrid.Resources>
    <DataGrid.RowStyle>
        <Style TargetType="DataGridRow">
            <Setter Property="Background" Value="LightBlue" />
        </Style>
    </DataGrid.RowStyle>
</DataGrid>

Більшу частину дня я провів, обмінюючись цією проблемою. Виявилося, що власність RowBackground на DataGrid - яку я встановив - перекрила всі спроби змінити її. Як тільки я його видалив, все спрацювало. (До речі, те саме стосується переднього плану, встановленого в DataGridTextColumn).