wpf DataGrid悦目标样式

2. <Window x:Class="UITest.MainWindow"
3.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5.         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
6.         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
7.         xmlns:local="clr-namespace:UITest"
8.         mc:Ignorable="d"
9.         Title="MainWindow" Height="450" Width="800">
10.     <Window.Resources>
11.         <Style x:Key="DataGridStyle" TargetType="DataGrid">
12.             <Setter Property="ColumnHeaderStyle" Value="{DynamicResource ColumnHeaderStyle}"></Setter>
13.             <Setter Property="CellStyle" Value="{DynamicResource CellStyle}"></Setter>
14.             <Setter Property="RowStyle" Value="{DynamicResource RowStyle}"></Setter>
15.             <Setter Property="Background" Value="White"></Setter>
16.             <Setter Property="EnableRowVirtualization" Value="True"></Setter>
17.             <Setter Property="GridLinesVisibility" Value="None"></Setter>
18.             <Setter Property="CanUserAddRows" Value="False"></Setter>
19.             <Setter Property="AutoGenerateColumns" Value="False"></Setter>
20.             <Setter Property="IsEnabled" Value="True"></Setter>
21.             <Setter Property="HeadersVisibility" Value="Column"></Setter>
22.         </Style>
23.         <Style x:Key="ColumnHeaderStyle" TargetType="DataGridColumnHeader">
24.             <Setter Property="Height" Value="35"></Setter>
25.             <Setter Property="Background" Value="#F2F2F2"></Setter>
26.             <Setter Property="BorderThickness" Value="0,0,1,1"></Setter>
27.             <Setter Property="BorderBrush" Value="#CBCBCB"></Setter>
28.             <Setter Property="VerticalContentAlignment" Value="Center"></Setter>
29.             <Setter Property="HorizontalContentAlignment" Value="Center"></Setter>
30.         </Style>
31.         <Style x:Key="RowStyle" TargetType="DataGridRow">
32.             <Setter Property="Cursor" Value="Hand"></Setter>
33.             <Setter Property="BorderBrush" Value="red"/>
34.             <Setter Property="BorderThickness" Value="0,0,0,1"/>
35.             <Style.Triggers>
36.                 <Trigger Property="IsMouseOver" Value="true">
37.                     <Setter Property="Background" Value="#F2F2F2"/>
38.                 </Trigger>
39.                 <Trigger Property="IsSelected" Value="True">
40.                     <Setter Property="Background"  Value="#CBCBCB" />
41.                 </Trigger>
42.             </Style.Triggers>
43.         </Style>
44.         <Style x:Key="CellStyle" TargetType="DataGridCell">
45.             <Setter Property="Height" Value="35"></Setter>
46.             <Setter Property="FontSize" Value="13"></Setter>
47.             <Setter Property="Template">
48.                 <Setter.Value>
49.                     <ControlTemplate TargetType="DataGridCell">
50.                         <Border x:Name="Bg" Background="Transparent" BorderThickness="0" UseLayoutRounding="True" BorderBrush="#FFCBCBCB">
51.                             <ContentPresenter HorizontalAlignment="Center"  VerticalAlignment="Center" />
52.                         </Border>
53.                     </ControlTemplate>
54.                 </Setter.Value>
55.             </Setter>
56.         </Style>
57.     </Window.Resources>
58.     <Grid>
59.         <DataGrid x:Name="myDataGrid" AutoGenerateColumns="False" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Style="{StaticResource DataGridStyle}" Margin="5">
60.             <DataGrid.Columns>
61.                 <DataGridTextColumn Header="ID" Binding="{Binding Id}" Width="80"/>
62.                 <DataGridCheckBoxColumn Header="Name" Binding="{Binding Name}" Width="120"/>
63.                 <DataGridComboBoxColumn Header="Age" SelectedItemBinding="{Binding Age}" Width="200"/>
64.                 <DataGridTemplateColumn Header="Actions" Width="80">
65.                     <DataGridTemplateColumn.CellTemplate>
66.                         <DataTemplate>
67.                             <Button Content="Edit" Command="{Binding EditCommand}" />
68.                         </DataTemplate>
69.                     </DataGridTemplateColumn.CellTemplate>
70.                 </DataGridTemplateColumn>
71.             </DataGrid.Columns>
72.         </DataGrid>
73.     </Grid>
74. </Window>

复制代码

2. using System;
3. using System.Collections.Generic;
4. using System.IO;
5. using System.Linq;
6. using System.Net;
7. using System.Text;
8. using System.Threading.Tasks;
9. using System.Windows;
10. using System.Windows.Controls;
11. using System.Windows.Data;
12. using System.Windows.Documents;
13. using System.Windows.Forms;
14. using System.Windows.Input;
15. using System.Windows.Media;
16. using System.Windows.Media.Imaging;
17. using System.Windows.Navigation;
18. using System.Windows.Shapes;
20. namespace UITest
21. {
22.     public partial class MainWindow : Window
23.     {
24.         public MainWindow()
25.         {
26.             InitializeComponent();
28.             // 创建数据源
29.             var data = new List<Person>
30.         {
31.             new Person { Id = 1, Name = "Alice", Age = 25 },
32.             new Person { Id = 2, Name = "Bob", Age = 30 },
33.             new Person { Id = 3, Name = "Charlie", Age = 35 }
34.         };
36.             // 绑定数据到 DataGrid
37.             myDataGrid.ItemsSource = data;
38.         }
39.         public class Person
40.         {
41.             public int Id { get; set; }
42.             public string Name { get; set; }
43.             public int Age { get; set; }
44.         }
45.     }
46. }

复制代码