自定义DataGrid样式

已于 2024-01-16 13:52:52 修改
阅读量383 收藏 11
点赞数 7
分类专栏： 深入浅出WPF 文章标签： wpf data grid
于 2024-01-16 13:42:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wu_pan123/article/details/135622768
版权 
<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:sys="clr-namespace:System;assembly=mscorlib">
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="/Styles/SolidColorBrushStyles.xaml" />
        <ResourceDictionary Source="/Styles/ScrollBarStyles.xaml" />
    </ResourceDictionary.MergedDictionaries>
    <!--  DataGrid样式  -->
    <Style
        x:Key="DataGridRowStyle"
        TargetType="DataGridRow">
        <Style.Triggers>
            <!--  隔行换色  -->
            <Trigger Property="AlternationIndex" Value="0">
                <Setter Property="Background" Value="#FFFAFAFA" />
            </Trigger>
            <Trigger Property="AlternationIndex" Value="1">
                <Setter Property="Background" Value="{StaticResource AssistSolidColorBrushStyle7}" />
            </Trigger>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="{StaticResource PrimarySolidColorBrushStyle5}" />
                <Setter Property="Foreground" Value="White" />
                <Setter Property="VerticalContentAlignment" Value="Center" />
            </Trigger>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="Background" Value="{StaticResource PrimarySolidColorBrushStyle5}" />
                <Setter Property="Foreground" Value="White" />
            </Trigger>
        </Style.Triggers>
    </Style>
    <Style
        x:Key="DataGridCellStyle"
        TargetType="DataGridCell">
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="FocusVisualStyle" Value="{x:Null}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="DataGridCell">
                    <TextBlock
                        VerticalAlignment="Center"
                        TextAlignment="Center">
                        <ContentPresenter />
                    </TextBlock>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="Foreground" Value="White" />
            </Trigger>
        </Style.Triggers>
    </Style>
    <Style
        x:Key="DataGridColumnHeaderStyle"
        TargetType="DataGridColumnHeader">
        <Setter Property="Background" Value="{StaticResource PrimarySolidColorBrushStyle3}" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="Height" Value="50" />
        <Setter Property="HorizontalContentAlignment" Value="Center" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="FocusVisualStyle" Value="{x:Null}" />
    </Style>
    <Style
        x:Key="WpDataGridStyle"
        BasedOn="{x:Null}"
        TargetType="DataGrid">
        <Setter Property="ColumnHeaderStyle" Value="{DynamicResource DataGridColumnHeaderStyle}" />
        <Setter Property="RowStyle" Value="{DynamicResource DataGridRowStyle}" />
        <Setter Property="CellStyle" Value="{DynamicResource DataGridCellStyle}" />
        <Setter Property="SelectionMode" Value="Single" />
        <Setter Property="SelectionUnit" Value="FullRow" />
        <Setter Property="IsReadOnly" Value="True" />
        <Setter Property="GridLinesVisibility" Value="All" />
        <Setter Property="CanUserAddRows" Value="False" />
        <Setter Property="RowHeight" Value="40" />
        <Setter Property="HeadersVisibility" Value="Column" />
        <Setter Property="AutoGenerateColumns" Value="False" />
        <Setter Property="CanUserSortColumns" Value="False" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="FontSize" Value="26" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="AlternationCount" Value="2" />
        <Setter Property="AlternatingRowBackground" Value="#F6F6F6 " />
        <Setter Property="HorizontalGridLinesBrush" Value="Transparent" />
        <Setter Property="VerticalGridLinesBrush" Value="Transparent" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="DataGrid">
                    <Border
                        Padding="{TemplateBinding Padding}"
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        UseLayoutRounding="True">
                        <ScrollViewer Focusable="False">
                            <ScrollViewer.Resources>
                                <Style
                                    BasedOn="{StaticResource WpScrollBarStyle}"
                                    TargetType="ScrollBar" />
                            </ScrollViewer.Resources>
                            <ScrollViewer.Template>
                                <ControlTemplate TargetType="ScrollViewer">
                                    <Grid>
                                        <!--<Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="Auto" />
                                        </Grid.ColumnDefinitions>-->
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="Auto" />
                                            <RowDefinition Height="*" />
                                            <RowDefinition Height="Auto" />
                                        </Grid.RowDefinitions>
                                        <DataGridColumnHeadersPresenter
                                            Name="PART_ColumnHeadersPresenter"
                                            Grid.Row="0">
                                            <DataGridColumnHeadersPresenter.Visibility>
                                                <Binding
                                                    Path="Visibility"
                                                    RelativeSource="{RelativeSource FindAncestor,
                                                                                    AncestorLevel=1,
                                                                                    AncestorType=DataGrid}">
                                                    <Binding.ConverterParameter>
                                                        <DataGridHeadersVisibility>Column</DataGridHeadersVisibility>
                                                    </Binding.ConverterParameter>
                                                </Binding>
                                            </DataGridColumnHeadersPresenter.Visibility>
                                        </DataGridColumnHeadersPresenter>
                                        <ScrollContentPresenter
                                            Name="PART_ScrollContentPresenter"
                                            Grid.Row="1"
                                            CanContentScroll="{TemplateBinding CanContentScroll}"
                                            CanHorizontallyScroll="False"
                                            CanVerticallyScroll="False"
                                            Content="{TemplateBinding Content}"
                                            ContentStringFormat="{TemplateBinding ContentStringFormat}"
                                            ContentTemplate="{TemplateBinding ContentTemplate}" />
                                        <ScrollBar
                                            x:Name="PART_VerticalScrollBar"
                                            Grid.Row="1"
                                            HorizontalAlignment="Right"
                                            Panel.ZIndex="1"
                                            Maximum="{TemplateBinding ScrollableHeight}"
                                            Orientation="Vertical"
                                            ViewportSize="{TemplateBinding ViewportHeight}"
                                            Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}"
                                            Value="{Binding VerticalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" />
                                        <ScrollBar
                                            x:Name="PART_HorizontalScrollBar"
                                            Grid.Row="2"
                                            Maximum="{TemplateBinding ScrollableWidth}"
                                            Orientation="Horizontal"
                                            ViewportSize="{TemplateBinding ViewportWidth}"
                                            Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"
                                            Value="{Binding HorizontalOffset, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}" />
                                        <Grid.Triggers>
                                            <EventTrigger RoutedEvent="MouseWheel">
                                                <BeginStoryboard>
                                                    <Storyboard>
                                                        <DoubleAnimation
                                                            Storyboard.TargetName="PART_VerticalScrollBar"
                                                            Storyboard.TargetProperty="Opacity"
                                                            To="1"
                                                            Duration="0:0:0.5" />
                                                        <DoubleAnimation
                                                            BeginTime="0:0:1"
                                                            Storyboard.TargetName="PART_VerticalScrollBar"
                                                            Storyboard.TargetProperty="Opacity"
                                                            To="0.3"
                                                            Duration="0:0:0.5" />
                                                        <DoubleAnimation
                                                            Storyboard.TargetName="PART_HorizontalScrollBar"
                                                            Storyboard.TargetProperty="Opacity"
                                                            To="1"
                                                            Duration="0:0:0.5" />
                                                        <DoubleAnimation
                                                            BeginTime="0:0:1"
                                                            Storyboard.TargetName="PART_HorizontalScrollBar"
                                                            Storyboard.TargetProperty="Opacity"
                                                            To="0.1"
                                                            Duration="0:0:0.5" />
                                                    </Storyboard>
                                                </BeginStoryboard>
                                            </EventTrigger>
                                            <EventTrigger
                                                RoutedEvent="MouseEnter"
                                                SourceName="PART_VerticalScrollBar">
                                                <BeginStoryboard>
                                                    <Storyboard>
                                                        <DoubleAnimation
                                                            Storyboard.TargetName="PART_VerticalScrollBar"
                                                            Storyboard.TargetProperty="Opacity"
                                                            To="1"
                                                            Duration="0:0:1" />
                                                    </Storyboard>
                                                </BeginStoryboard>
                                            </EventTrigger>
                                            <EventTrigger
                                                RoutedEvent="MouseLeave"
                                                SourceName="PART_VerticalScrollBar">
                                                <BeginStoryboard>
                                                    <Storyboard>
                                                        <DoubleAnimation
                                                            Storyboard.TargetName="PART_VerticalScrollBar"
                                                            Storyboard.TargetProperty="Opacity"
                                                            To="0.2"
                                                            Duration="0:0:1" />
                                                    </Storyboard>
                                                </BeginStoryboard>
                                            </EventTrigger>
                                            <EventTrigger
                                                RoutedEvent="MouseEnter"
                                                SourceName="PART_HorizontalScrollBar">
                                                <BeginStoryboard>
                                                    <Storyboard>
                                                        <DoubleAnimation
                                                            Storyboard.TargetName="PART_HorizontalScrollBar"
                                                            Storyboard.TargetProperty="Opacity"
                                                            To="1"
                                                            Duration="0:0:1" />
                                                    </Storyboard>
                                                </BeginStoryboard>
                                            </EventTrigger>
                                            <EventTrigger
                                                RoutedEvent="MouseLeave"
                                                SourceName="PART_HorizontalScrollBar">
                                                <BeginStoryboard>
                                                    <Storyboard>
                                                        <DoubleAnimation
                                                            Storyboard.TargetName="PART_HorizontalScrollBar"
                                                            Storyboard.TargetProperty="Opacity"
                                                            To="0.2"
                                                            Duration="0:0:1" />
                                                    </Storyboard>
                                                </BeginStoryboard>
                                            </EventTrigger>
                                        </Grid.Triggers>
                                    </Grid>
                                </ControlTemplate>
                            </ScrollViewer.Template>
                            <ItemsPresenter SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" />
                        </ScrollViewer>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>
wu_pan123
关注
  • 7
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
自定义datagrid
07-02
自定义网页风格的datagrid，通过调整样式可以使这个插件更适合于网络开发
wpf DataGrid 自定义样式！
08-02
wpf DataGrid 自定义样式、控件模板 ControlTemplate
WPF自定义datagrid样式单元格样式行列表头Style
上山的人啊，请不要嘲讽下山的神
07-04 2017
WPF DATAGRID通用Style设置
WPF 自定义DataGrid控件样式
韬光养晦
12-02 3901
WPF 自定义DataGrid控件样式 样式代码： <!--DataGrid样式--> <Style TargetType="DataGrid"> <!--网格线颜色--> <Setter Property="CanUserResizeColumns" Value="false"/> <Setter Property="Background" Value="#FFF
WPF UI开发教程自定义DataGrid样式
liaohaiyin的专栏
08-21 3274
开发软件大部分都会用到数据显示控件，今天文章来自定义DataGrid样式。 先看下DataGrid运行效果图： DataGrid样式修改了DataGridRow行和DataGridCell表格颜色，隔行换色，鼠标选中颜色等样式，下面是样式代码： !-- 行样式触发 --> <!-- 背景色改变必须先设置cellStyle 因为cellStyle会覆盖rowStyle样式 --> <Style TargetType="DataGridRow">
WPF笔记: 自定义DataGrid样式
didigui1108的博客
01-08 242
直接xmal style: <Style x:Key="GridStyle" TargetType="DataGrid"> <Setter Property="BorderBrush" Value="Gray"></Setter> <Setter Property="BorderThickness" Va...
WPF自定义样式篇-DataGrid
weixin_33712987的博客
07-06 129
WPF自定义样式篇-DataGrid 先上效果图： 样式： <!--DataGrid样式--> <Style TargetType="DataGrid"> <Setter Property="RowHeaderWidth" Value="0"></Setter> <Setter Proper...
WPF的DataGrid控件样式自定义
qq_37189288的博客
05-13 673
DataGrid控件很常用，不同的软件中，设计师呈现的UI样式不一样，参考了网上一些设置，先弄个简单的吧。 第一步，创建实体model， 第二步，写一个ViewModel,生成一些显示的数据 第三步，在app.xaml中写一些关于DataGrid样式的代码 最后在UI中使用DataGrid控件即可。 最终效果如下： ...
easyui datagrid 样式自定义
jackiehome的专栏
09-25 5594
easyui datagrid  样式自定义 css自定义 .datagrid-view     {         background-color:#0F9BDE;     }     td.datagrid-header-over:hover,.datagrid-header-rownumber:hover     {         background: -mo
WPF 4 DataGrid 控件（自定义样式篇）
akjw008的专栏
08-14 526
WPF 4 DataGrid 控件（自定义样式篇） 在《WPF 4 DataGrid 控件（基本功能篇）》中我们已经学习了DataGrid 的基本功能及使用方法。本篇将继续介绍自定义DataGrid 样式的相关内容，其中将涉及到ColumnHeader、RowHeader、Row、Cell 的各种样式设置。 ColumnHeaderStyle 属性 一般来讲列表头是用户首...
WPF:自定义DataGrid,双向绑定，禁用行，行索引
qq_41617901的博客
01-23 1425
当下拉框值发生改变后，若要通知改变内存的值改变，要用到UpdateSourceTrigger属性，则这样写： <DataTemplate> <ctrl:NumComboBoxCtrl Width="50" mySelectedValue="{Binding stu.Score,Mode=TwoWay,UpdateSourceTrigger=PropertyCh.
自定义的 DataGrid样式
04-27
自定义的 DataGrid样式自定义的 DataGrid样式
DataGrid样式.rar
05-14
WPF中采用自定义控件方式重写DataGrid样式，列表头使用‘|’分隔就可以自动合并表头，并且支持数据分页显示或者分页查询。
wpf DataGridStyle
11-04
自定义DataGrid的列标题样式，行样式，鼠标悬浮及选择样式。 自定义滚动条样式，包括箭头及滚动区。
WPF加载SVG格式的图片
wu_pan123的博客
10-27 5467
首先，SVG是一种用XML定义的语言，用来描述二维矢量及矢量/栅格图形。 接下来加载步骤： 1.在安装nuget包：sharpvectors 2.引入命名空间 xmlns:svgc="http://sharpvectors.codeplex.com/svgc/" 3.将svg文件添加为项目资源后，在设计页面添加<svgc:SvgViewbox Height="100" Width="100" IsHitTestVisible="False" Source="/Resources/T...
LiveChart应用笔记-为图表添加图例，并添加隐藏曲线功能
wu_pan123的博客
01-25 3770
本文主要介绍为LiveChart图表添加自定义图例，并实现曲线隐藏功能。其中，图例中的直线样式与图表中的曲线样式进行了绑定。 第一步。添安装LiveChart.wpf 包、引入命名空间等前期准备 xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 第二步。添加测试曲线
LiveChart应用笔记-折线图添加任意数据
wu_pan123的博客
01-08 2273
1.首先在vm中定义一个配置对象（mappers） 比如定义一个笛卡尔坐标系图表的配置文件（CartesianMapper），曲线值为PointF类型的对象，该对象的横坐标（PointF.X）对应图表的横坐标，该对象的纵坐标（PointF.Y）对应图表的纵坐标，代码如下 /// <summary> /// 笛卡尔坐标系图表配置 /// </summary> public CartesianMapper<Poi
WPF DatePicker设置语言
wu_pan123的博客
06-05 1723
1.修改Language属性即可 2.代码示例 <DatePicker Language="zh-cn"/> 3.
wpf 自定义datagrid控件
最新发布
08-08
由于WPF提供了强大的样式、模板和继承机制，因此可以轻松地自定义DataGrid控件，并且可以实现高度的灵活性和可扩展性。这样，可以根据项目的需求和用户的喜好来创建独特的、具有个性化的DataGrid控件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值