wpf 给一个炫酷显示datagrid 完整示例代码

<think>嗯，用户想要一个WPF的DataGrid炫酷样式示例代码。首先，我需要回忆一下WPF中如何自定义控件样式。根据用户提供的引用，他们之前可能看过一些关于TextBox、ScrollBar和ListBox的自定义样式文章，比如引用[1]、[2]、[3]。所以应该参考这些已有的样式方法应用到DataGrid上。 首先，DataGrid的样式通常包括表头、行、单元格、滚动条等的自定义。用户提到“炫酷”，可能指的是现代感强的设计，比如渐变色、动画效果、悬浮效果等。需要确保代码结构正确，使用XAML进行样式定义，可能还需要结合ControlTemplate和Triggers来实现交互效果。 接下来，考虑用户提供的引用内容。引用[2]中提到了ScrollBar的自定义样式，并展示了如何替换ListBox中的滚动条样式。所以在DataGrid中，可能需要类似地替换滚动条样式，使其更符合整体设计。比如设置垂直滚动条宽度和水平滚动条高度为更细的样式，同时使用自定义的Thumb和Button样式。 引用[1]中提到了水印、Label标签等功能扩展，可能DataGrid也需要一些提示信息或者空数据时的显示效果。但用户当前的问题更侧重于炫酷样式，所以可能需要更多的视觉效果，比如行背景的交替颜色、选中状态的高亮、鼠标悬停效果等。 然后，需要确保代码的完整性，用户需要一个完整的示例，可能需要包括Window的定义、资源字典的引入、样式的各个部分。比如定义DataGrid的全局样式，包括表头、行、单元格的样式，以及滚动条的样式。同时，可能会使用到LinearGradientBrush来创建渐变色背景，Border来添加圆角边框，阴影效果等。 另外，动画效果也是提升视觉体验的一部分。比如在鼠标悬停时，行可以有一个颜色渐变或边框高亮的动画，或者选中行时有缩放效果。这些可以通过EventTrigger和Storyboard来实现。 还要注意数据绑定，确保示例代码中的DataGrid有数据源，这样用户可以直接运行看到效果。比如使用一个简单的ItemsSource，绑定到一些示例数据，如学生信息，包含姓名、分数、注册日期等字段。 然后，考虑到用户可能需要进一步优化或调整样式，生成的相关问题应该围绕如何扩展或修改现有样式，比如如何添加复选框、调整列宽自适应、实现动态换肤等。这些问题可以帮助用户深入定制DataGrid的外观和功能。 最后，确保代码符合WPF的最佳实践，比如使用资源字典来组织样式，避免内联样式，保持代码的可维护性。同时，注释也是重要的，帮助用户理解各部分代码的作用，方便他们进行修改和调试。</think>以下是一个完整的WPF DataGrid炫酷样式示例代码，包含渐变色、悬浮动画和现代扁平化设计： ```xml <Window x:Class="WpfDataGridDemo.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="炫酷DataGrid示例" Height="450" Width="800"> <Window.Resources> <!-- 自定义滚动条样式 --> <Style TargetType="ScrollBar"> <Setter Property="Background" Value="#2D2D30"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="ScrollBar"> <Grid> <Border CornerRadius="2" Background="{TemplateBinding Background}"/> <Track x:Name="PART_Track"> <Track.Thumb> <Thumb Background="#606060" Margin="0,2" CornerRadius="3"/> </Track.Thumb> </Track> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> <!-- DataGrid全局样式 --> <Style TargetType="DataGrid"> <Setter Property="Background" Value="#1E1E1E"/> <Setter Property="Foreground" Value="White"/> <Setter Property="BorderBrush" Value="#404040"/> <Setter Property="RowBackground" Value="Transparent"/> <Setter Property="AlternatingRowBackground" Value="#282828"/> <Setter Property="HeadersVisibility" Value="Column"/> <Setter Property="GridLinesVisibility" Value="None"/> <Setter Property="ScrollViewer.CanContentScroll" Value="True"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="DataGrid"> <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="8" Background="{TemplateBinding Background}"> <ScrollViewer x:Name="DG_ScrollViewer" Focusable="false"> <ScrollViewer.Effect> <DropShadowEffect BlurRadius="10" ShadowDepth="3" Color="Black"/> </ScrollViewer.Effect> <ScrollViewer.Content> <DataGridRowsPresenter/> </ScrollViewer.Content> </ScrollViewer> </Border> </ControlTemplate> </Setter.Value> </Setter> </Style> <!-- 列标题样式 --> <Style TargetType="DataGridColumnHeader"> <Setter Property="Background" Value="#333333"/> <Setter Property="Foreground" Value="White"/> <Setter Property="Height" Value="35"/> <Setter Property="BorderThickness" Value="0"/> <Setter Property="FontWeight" Value="Bold"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="DataGridColumnHeader"> <Grid> <Border Background="{TemplateBinding Background}" CornerRadius="4,4,0,0"> <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/> </Border> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> <!-- 行样式 --> <Style TargetType="DataGridRow"> <Style.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter Property="Background" Value="#3A3A3A"/> </Trigger> <Trigger Property="IsSelected" Value="True"> <Setter Property="Background" Value="#0057B8"/> </Trigger> </Style.Triggers> <Setter Property="Background" Value="Transparent"/> </Style> <!-- 单元格样式 --> <Style TargetType="DataGridCell"> <Setter Property="FocusVisualStyle" Value="{x:Null}"/> <Setter Property="BorderThickness" Value="0"/> <Setter Property="Padding" Value="10"/> <Style.Triggers> <Trigger Property="IsSelected" Value="True"> <Setter Property="Foreground" Value="White"/> </Trigger> </Style.Triggers> </Style> </Window.Resources> <Grid> <DataGrid ItemsSource="{Binding Students}" AutoGenerateColumns="False" CanUserAddRows="False" HeadersVisibility="Column" Margin="20"> <DataGrid.Columns> <DataGridTextColumn Header="姓名" Binding="{Binding Name}" Width="*"/> <DataGridTextColumn Header="分数" Binding="{Binding Score}" Width="*"/> <DataGridTextColumn Header="注册日期" Binding="{Binding RegisterDate}" Width="*"/> </DataGrid.Columns> </DataGrid> </Grid> </Window> ``` 效果特点说明： 1. 暗色主题搭配渐变悬浮效果 2. 圆角边框和阴影提升立体感[^1] 3. 自定义扁平化滚动条[^2] 4. 选中行高亮显示 5. 列标题特殊样式处理 6. 去除默认网格线实现简洁风格[^3]