ฉันจะกำหนดสีของแถวที่เลือกใน 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จะใช้ได้กับรายการคอลเลกชันอื่น ๆ เช่นListBoxItems (ถ้าคุณแทนที่TargetType="{x:Type DataGridRow}"ด้วยTargetType="{x:Type ListBoxItem}"เช่น)

ฉันมีปัญหานี้และเกือบจะฉีกผมออกและฉันไม่สามารถหาคำตอบที่เหมาะสมได้จากอินเทอร์เน็ต ฉันพยายามควบคุมสีพื้นหลังของแถวที่เลือกใน WPF DataGrid มันจะไม่ทำ ในกรณีของฉันเหตุผลก็คือฉันมี CellStyle ในดาต้ากริดของฉันด้วยและ CellStyle ลบล้าง RowStyle ที่ฉันตั้งค่าไว้ น่าสนใจเพราะ CellStyle ไม่ได้ตั้งค่าสีพื้นหลังด้วยซ้ำซึ่งถูกกำหนดโดยคุณสมบัติ 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 อย่างคือ Background, Foreground & BorderBrush หากคุณต้องการเปลี่ยนเส้นขอบและพื้นหลังให้ใส่สิ่งนี้ไว้ในทริกเกอร์สไตล์ของคุณ

<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. ใช้คอลัมน์ Templated
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 - ที่ฉันตั้งไว้ - กำลังลบล้างความพยายามทั้งหมดในการเปลี่ยนแปลง ทันทีที่ฉันลบมันทุกอย่างก็ใช้ได้ (เช่นเดียวกันกับ Foreground ที่ตั้งไว้ใน DataGridTextColumn โดยวิธีนี้)