WPF DataGrid行前景鼠标悬停颜色
本文关键字:鼠标 悬停 颜色 DataGrid WPF | 更新日期: 2023-09-27 18:20:34
几天来,我一直在处理数据网格样式,还有一个问题似乎无法解决。
我想高亮显示我用鼠标悬停的行的文本。这似乎是一项简单的任务,但同时我想要自定义行背景和前景的选择颜色。这个组合对我来说似乎不可能解决。
如果我覆盖datagridow样式,我可以得到行上除了选择样式之外的所有内容。如果我也覆盖datagridcell样式,我可以获得除鼠标悬停前景整行高亮之外的所有内容。下面是我到目前为止设计的完整造型。我知道它包含相同任务的重复属性,但我一直在尝试一切。只有整行鼠标悬停高亮显示缺失-只有悬停单元格高亮显示。
你能帮我解决这个小细节吗?
将以下代码放在WPF窗口中(我知道着色很糟糕,它们只是示例):
<Window.Resources>
<XmlDataProvider x:Key="persondata"
Source="datagrid.xml"
XPath="Data" />
<!-- DataGrid -->
<Style x:Key="{x:Type DataGrid}"
TargetType="{x:Type DataGrid}">
<Setter Property="AlternatingRowBackground"
Value="Orange" />
<Setter Property="AlternationCount"
Value="2" />
<Setter Property="Background"
Value="Green" />
<Setter Property="BorderThickness"
Value="0" />
<Setter Property="Foreground"
Value="Cyan" />
<Setter Property="HeadersVisibility"
Value="Column" />
<Setter Property="RowBackground"
Value="Yellow" />
</Style>
<!-- Column header - remove header background -->
<Style x:Key="{x:Type DataGridColumnHeadersPresenter}"
TargetType="{x:Type DataGridColumnHeadersPresenter}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type DataGridColumnHeadersPresenter}">
<ItemsPresenter />
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<!-- Column header sort arrow -->
<Style x:Key="ColumnHeaderSortArrowStyle"
TargetType="{x:Type Path}">
<Setter Property="Data"
Value="M0,0 L1,0 0.5,1 z" />
<Setter Property="Fill">
<Setter.Value>
<SolidColorBrush Color="Blue" />
</Setter.Value>
</Setter>
<Setter Property="Height"
Value="6" />
<Setter Property="Margin"
Value="0,0,8,0" />
<Setter Property="RenderTransformOrigin"
Value="0.5,0.4" />
<Setter Property="Stretch"
Value="Fill" />
<Setter Property="VerticalAlignment"
Value="Center" />
<Setter Property="Visibility"
Value="Collapsed" />
<Setter Property="Width"
Value="8" />
</Style>
<!-- Column header gripper -->
<Style x:Key="ColumnHeaderGripperStyle"
TargetType="{x:Type Thumb}">
<Setter Property="Width"
Value="8" />
<Setter Property="Background"
Value="Transparent" />
<Setter Property="Cursor"
Value="SizeWE" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Thumb}">
<Border Background="{TemplateBinding Background}"
Padding="{TemplateBinding Padding}" />
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
<!-- Column header -->
<Style x:Key="{x:Type DataGridColumnHeader}"
TargetType="{x:Type DataGridColumnHeader}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type DataGridColumnHeader}">
<Border BorderThickness="0,1,1,0"
Background="Black"
CornerRadius="5,5,0,0">
<Border.BorderBrush>
<SolidColorBrush Color="Red" />
</Border.BorderBrush>
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Thumb x:Name="PART_LeftHeaderGripper"
Grid.Column="0"
Grid.Row="0"
HorizontalAlignment="Left"
Style="{StaticResource ColumnHeaderGripperStyle}" />
<ContentPresenter Grid.Column="0"
Grid.Row="0"
Margin="6,3,6,3"
VerticalAlignment="Center" />
<Path x:Name="SortArrow"
Grid.Column="1"
Grid.Row="0"
Style="{StaticResource ColumnHeaderSortArrowStyle}">
</Path>
<Thumb x:Name="PART_RightHeaderGripper"
Grid.Column="1"
Grid.Row="0"
HorizontalAlignment="Right"
Style="{StaticResource ColumnHeaderGripperStyle}" />
</Grid>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver"
Value="True">
<Setter TargetName="SortArrow"
Property="Fill">
<Setter.Value>
<SolidColorBrush Color="Blue" />
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="SortDirection"
Value="Ascending">
<Setter TargetName="SortArrow"
Property="Visibility"
Value="Visible" />
<Setter TargetName="SortArrow"
Property="RenderTransform">
<Setter.Value>
<RotateTransform Angle="180" />
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="SortDirection"
Value="Descending">
<Setter TargetName="SortArrow"
Property="Visibility"
Value="Visible" />
</Trigger>
<Trigger Property="DisplayIndex"
Value="0">
<Setter Property="Visibility"
Value="Collapsed"
TargetName="PART_LeftHeaderGripper"></Setter>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
<Style.Triggers>
<Trigger Property="IsMouseOver"
Value="True">
<Setter Property="Foreground">
<Setter.Value>
<SolidColorBrush Color="Blue" />
</Setter.Value>
</Setter>
</Trigger>
</Style.Triggers>
</Style>
<!-- Row -->
<Style x:Key="{x:Type DataGridRow}"
TargetType="{x:Type DataGridRow}">
<Style.Triggers>
<Trigger Property="ItemsControl.AlternationIndex"
Value="0">
<Setter Property="Background"
Value="Yellow" />
<Setter Property="Foreground">
<Setter.Value>
<SolidColorBrush Color="Black" />
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="ItemsControl.AlternationIndex"
Value="1">
<Setter Property="Background"
Value="Orange" />
<Setter Property="Foreground">
<Setter.Value>
<SolidColorBrush Color="Black" />
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="IsMouseOver"
Value="true">
<Setter Property="Foreground">
<Setter.Value>
<SolidColorBrush Color="Magenta" />
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="IsSelected"
Value="True">
<Setter Property="Background"
Value="Brown" />
<Setter Property="Foreground">
<Setter.Value>
<SolidColorBrush Color="White" />
</Setter.Value>
</Setter>
</Trigger>
</Style.Triggers>
</Style>
<!-- Cell -->
<Style x:Key="{x:Type DataGridCell}"
TargetType="{x:Type DataGridCell}">
<Setter Property="Foreground">
<Setter.Value>
<SolidColorBrush Color="Black" />
</Setter.Value>
</Setter>
<Style.Triggers>
<Trigger Property="IsMouseOver"
Value="true">
<Setter Property="Foreground">
<Setter.Value>
<SolidColorBrush Color="Magenta" />
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="IsSelected"
Value="True">
<Setter Property="Background"
Value="Brown" />
<Setter Property="BorderBrush"
Value="Brown" />
<Setter Property="Foreground">
<Setter.Value>
<SolidColorBrush Color="White" />
</Setter.Value>
</Setter>
</Trigger>
</Style.Triggers>
</Style>
</Window.Resources>
<Grid>
<DataGrid AutoGenerateColumns="False"
ItemsSource="{Binding Source={StaticResource persondata}, XPath=Person}">
<DataGrid.Columns>
<DataGridTextColumn Header="First Name"
Binding="{Binding XPath=@Firstname}" />
<DataGridTextColumn Header="Last Name"
Binding="{Binding XPath=@Lastname}" />
</DataGrid.Columns>
</DataGrid>
</Grid>
将以下xml放在同一解决方案中名为"datagrid.xml"的文件中:
<?xml version="1.0" encoding="utf-8" ?>
<Data>
<Person Firstname="Fred"
Lastname="Flintstone">
</Person>
<Person Firstname="Barney"
Lastname="Rubble">
</Person>
<Person Firstname="Joe"
Lastname="Rockhead">
</Person>
</Data>
谢谢。。。
OK-我最初的问题是,我使用了一个基本样式,所有其他样式都继承了这个样式。这意味着像Foreground这样的样式在样式层次结构中被多次覆盖。这件事搞砸了,足以使上述事情变得不可能。
对我来说,解决方案是删除所有数据网格样式的BasedOn属性,除了数据网格本身(datagridowhader、datagridow、datagridcell)。仅在DataGrid上设置前景色,就可以在行和单元格样式中覆盖它,而不会有任何问题。
/mfas