WPF DataGrid 样式设置

隔行换色，鼠标单击，悬浮样式都有，其具体效果如图 1 所示。

图 1 WPF DataGrid 样式设置效果图

其中：

界面设计代码下所示

?

+ 查看代码

1 2 3 4 5 6 7 8 9 10 11 12

<DataGrid AutoGenerateColumns="False"  Name="dataGrid1"  VerticalAlignment="Top"       CanUserSortColumns="False"  Width="660"   Margin="5" IsReadOnly="True"       CanUserResizeColumns="False" CanUserResizeRows="False"  SelectionMode="Single"     CanUserReorderColumns="False" AlternationCount="2"  RowHeaderWidth="0" CanUserAddRows="False" >         <DataGrid.Columns>         <DataGridTextColumn Header="名称" Width="150"  Binding="{Binding  Name}"/>         <DataGridTextColumn Header="最新价"   Width="120"  Binding="{Binding Zxj}"/>         <DataGridTextColumn Header="涨跌"  Width="120"  Binding="{Binding Zd}"/>         <DataGridTextColumn Header="涨幅"  Width="130"  Binding="{Binding Zf}"/>         <DataGridTextColumn Header="短线强势股"  Width="140"  Binding="{Binding Dxqsg}"/>     </DataGrid.Columns> </DataGrid>

如果是想把整个所开发的应用程序都更改为这个样式，则在App.xaml文档里面添加相应的样式代码，如果只是当前界面，则在当前界面添加相应的样式代码，样式具体代码如下：

?

+ 查看代码

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">     <Style TargetType="DataGrid">         <!--网格线颜色-->         <Setter Property="CanUserResizeColumns" Value="false"/>         <Setter Property="Background" Value="#E6DBBB" />         <Setter Property="BorderBrush" Value="#d6c79b" />         <Setter Property="HorizontalGridLinesBrush">             <Setter.Value>                 <SolidColorBrush Color="#d6c79b"/>             </Setter.Value>         </Setter>         <Setter Property="VerticalGridLinesBrush">             <Setter.Value>                 <SolidColorBrush Color="#d6c79b"/>             </Setter.Value>         </Setter>     </Style>       <!--标题栏样式-->     <!--<Style  TargetType="DataGridColumnHeader" >         <Setter Property="Width" Value="50"/>         <Setter Property="Height" Value="30"/>         <Setter Property="FontSize" Value="14" />         <Setter Property="Background" Value="White" />         <Setter  Property="FontWeight"  Value="Bold"/>     </Style>-->       <Style TargetType="DataGridColumnHeader">         <Setter Property="SnapsToDevicePixels" Value="True" />         <Setter Property="MinWidth" Value="0" />         <Setter Property="MinHeight" Value="28" />         <Setter Property="Foreground" Value="#323433" />         <Setter Property="FontSize" Value="14" />         <Setter Property="Cursor" Value="Hand" />         <Setter Property="Template">             <Setter.Value>                 <ControlTemplate TargetType="DataGridColumnHeader">                     <Border x:Name="BackgroundBorder" BorderThickness="0,1,0,1"                              BorderBrush="#e6dbba"                               Width="Auto">                         <Grid >                             <Grid.ColumnDefinitions>                                 <ColumnDefinition Width="*" />                             </Grid.ColumnDefinitions>                             <ContentPresenter  Margin="0,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Center"/>                             <Path x:Name="SortArrow" Visibility="Collapsed" Data="M0,0 L1,0 0.5,1 z" Stretch="Fill"  Grid.Column="2" Width="8" Height="6" Fill="White" Margin="0,0,50,0"                             VerticalAlignment="Center" RenderTransformOrigin="1,1" />                             <Rectangle Width="1" Fill="#d6c79b" HorizontalAlignment="Right" Grid.ColumnSpan="1" />                             <!--<TextBlock  Background="Red">                             <ContentPresenter></ContentPresenter></TextBlock>-->                         </Grid>                     </Border>                 </ControlTemplate>             </Setter.Value>         </Setter>         <Setter Property="Height" Value="25"/>     </Style>     <!--行样式触发-->     <!--背景色改变必须先设置cellStyle 因为cellStyle会覆盖rowStyle样式-->     <Style  TargetType="DataGridRow">         <Setter Property="Background" Value="#F2F2F2" />         <Setter Property="Height" Value="25"/>         <Setter Property="Foreground" Value="Black" />         <Style.Triggers>             <!--隔行换色-->             <Trigger Property="AlternationIndex" Value="0" >                 <Setter Property="Background" Value="#e7e7e7" />             </Trigger>             <Trigger Property="AlternationIndex" Value="1" >                 <Setter Property="Background" Value="#f2f2f2" />             </Trigger>               <Trigger Property="IsMouseOver" Value="True">                 <Setter Property="Background" Value="LightGray"/>                 <!--<Setter Property="Foreground" Value="White"/>-->             </Trigger>               <Trigger Property="IsSelected" Value="True">                 <Setter Property="Foreground" Value="Black"/>             </Trigger>         </Style.Triggers>     </Style>       <!--单元格样式触发-->     <Style TargetType="DataGridCell">         <Setter Property="Template">             <Setter.Value>                 <ControlTemplate TargetType="DataGridCell">                     <TextBlock TextAlignment="Center" VerticalAlignment="Center"  >                            <ContentPresenter />                     </TextBlock>                 </ControlTemplate>             </Setter.Value>         </Setter>         <Style.Triggers>             <Trigger Property="IsSelected" Value="True">                 <!--<Setter Property="Background" Value="White"/>                 <Setter Property="BorderThickness" Value="0"/>-->                 <Setter Property="Foreground" Value="Black"/>             </Trigger>         </Style.Triggers>     </Style> </ResourceDictionary>

转载请注明：学者@李双琳 » 转载：WPF DataGrid 样式分享