自定义DataGrid样式

最新推荐文章于 2024-05-10 10:50:46 发布
最新推荐文章于 2024-05-10 10:50:46 发布
阅读量217 收藏
点赞数
分类专栏： wpf学习 c#学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jcair/article/details/84726187
版权
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

<!--自定义DataGrid样式-->
<Style x:Key="CustomDataGrid" TargetType="DataGrid">
<Setter Property="SnapsToDevicePixels" Value="True"></Setter>
<Setter Property="AutoGenerateColumns" Value="False"></Setter>
<Setter Property="CanUserResizeRows" Value="False"></Setter>
<Setter Property="CanUserAddRows" Value="False"></Setter>
<Setter Property="SelectionMode" Value="Single"></Setter>
<Setter Property="CanUserSortColumns" Value="True"></Setter>
<Setter Property="HorizontalGridLinesBrush" Value="Gray"></Setter>
<Setter Property="VerticalGridLinesBrush" Value="Gray"></Setter>
<Setter Property="BorderBrush" Value="Gray"></Setter>
<Setter Property="ColumnWidth" Value="auto"></Setter>
<Setter Property="IsReadOnly" Value="True"></Setter>
<Setter Property="RowHeight" Value="22"></Setter>


<Setter Property="RowHeaderStyle">
<Setter.Value>
<Style x:Name="CustomDataGridRowHeader" TargetType="DataGridRowHeader">
<!--
<Setter Property="Background" Value="#DDD"/>
<Setter Property="Padding" Value="5,0,5,0"></Setter>
-->
<Setter Property="Width" Value="Auto"></Setter>
<Setter Property="MinWidth" Value="0"></Setter>
</Style>
</Setter.Value>
</Setter>
<Setter Property="ColumnHeaderStyle">
<Setter.Value>
<Style x:Name="CustomDataGridColumnHeader" TargetType="DataGridColumnHeader">
<Setter Property="HorizontalContentAlignment" Value="Center"></Setter>
<Setter Property="VerticalContentAlignment" Value="Center"></Setter>
</Style>
</Setter.Value>
</Setter>
<Setter Property="CellStyle">
<Setter.Value>
<Style x:Name="CustamDataGridCell" TargetType="DataGridCell">
<Setter Property="BorderThickness" Value="0"></Setter>
</Style>
</Setter.Value>
</Setter>
</Style>


<!--设置DataGrid单元格垂直居中显示-->
<Style x:Key="dgCellTextBlock" TargetType="TextBlock">
<Setter Property="Padding" Value="2,3,2,0"></Setter>
<Setter Property="TextAlignment" Value="Center"/>
</Style>

<!--设置DataGrid单元格数字靠右显示-->
<Style x:Key="dgCellTextBlockRight" TargetType="TextBlock">
<Setter Property="Padding" Value="2,3,3,0"></Setter>
<Setter Property="TextAlignment" Value="Right"/>
</Style>

<Style x:Key="FQCustomDataGrid" TargetType="DataGrid">
<Setter Property="BorderThickness" Value="0"></Setter>
<Setter Property="BorderBrush" Value="Black"></Setter>
<Setter Property="GridLinesVisibility" Value="None"></Setter>
<Setter Property="SnapsToDevicePixels" Value="True"></Setter>
<Setter Property="AutoGenerateColumns" Value="False"></Setter>
<Setter Property="CanUserResizeRows" Value="False"></Setter>
<Setter Property="CanUserAddRows" Value="False"></Setter>
<Setter Property="SelectionMode" Value="Single"></Setter>
<Setter Property="CanUserSortColumns" Value="False"></Setter>
<Setter Property="ColumnWidth" Value="auto"></Setter>
<Setter Property="IsReadOnly" Value="True"></Setter>
<Setter Property="RowHeight" Value="22"></Setter>
<Setter Property="HeadersVisibility" Value="Column"></Setter>
<Setter Property="Background" Value="Black"></Setter>
<Setter Property="RowHeaderStyle">
<Setter.Value>
<Style x:Name="FQCustomDataGridRowHeader" TargetType="DataGridRowHeader">

<!--<Setter Property="Background" Value="Black"/>-->
<!--<Setter Property="Padding" Value="5,0,5,0"></Setter>-->

<Setter Property="Width" Value="Auto"></Setter>
<Setter Property="MinWidth" Value="0"></Setter>
</Style>
</Setter.Value>
</Setter>
<Setter Property="ColumnHeaderStyle">
<Setter.Value>
<Style x:Name="DataGridColumnHeaderStyle" TargetType="{x:Type DataGridColumnHeader}" >
<Setter Property="Height" Value="25"></Setter>
<Setter Property="Background" Value="Black" />
<Setter Property="Foreground" Value="White" />
<Style.Triggers>
<!--<Trigger Property="SortDirection" Value="{x:Null}">
<Setter Property="Background" Value="{DynamicResource DataGridHeaderBackgroundBrush}" />
<Setter Property="BorderBrush" Value="Transparent" />
</Trigger>-->
<!--<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsMouseOver" Value="True" />
<Condition Property="SortDirection" Value="{x:Null}" />
</MultiTrigger.Conditions>
<Setter Property="Background" Value="{StaticResource DataGridHeaderMouseOverBackgroundBrush}" />
<Setter Property="BorderBrush" Value="{StaticResource DataGridHeaderBorderBrush}" />
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsMouseOver" Value="true" />
<Condition Property="SortDirection" Value="{x:Null}" />
</MultiTrigger.Conditions>
<Setter Property="Background" Value="{StaticResource DataGridHeaderMouseOverBackgroundBrush}" />
<Setter Property="BorderBrush" Value="{StaticResource DataGridHeaderBorderBrush}" />
</MultiTrigger>-->
<Trigger Property="SortDirection" Value="Ascending">
<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate>
<Grid x:Name="GridContentTemplate">
<Label Background="Black" Foreground="White" Content="{TemplateBinding Content}"/>
<Path x:Name="SortArrowUp" Visibility="Visible" Data="M0,0 L1,0 L0.5,1 z" Stretch="Fill" Grid.Column="2" Width="8" Height="6" Fill="Red" Margin="0,0,50,0" VerticalAlignment="Center" RenderTransformOrigin="1,1" />
</Grid>
</DataTemplate>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="SortDirection" Value="Descending">
<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate>
<Grid x:Name="GridContentTemplate">
<Label Background="Black" Foreground="White" Content="{TemplateBinding Content}"/>
<Path x:Name="SortArrow" Visibility="Visible" Data="M0,0 L1,0 L0.5,1 z" Stretch="Fill" Grid.Column="2" Width="8" Height="6" Fill="White" Margin="0,0,50,0" VerticalAlignment="Center" RenderTransformOrigin="1,1" />
</Grid>
</DataTemplate>
</Setter.Value>
</Setter>
</Trigger>
</Style.Triggers>
</Style>
</Setter.Value>
</Setter>

<!--<Setter Property="ColumnHeaderStyle">
<Setter.Value>
<Style x:Name="FQCustomDataGridColumnHeader" TargetType="DataGridColumnHeader">
<Setter Property="SnapsToDevicePixels" Value="True" />
<Setter Property="Padding" Value="5,0,5,0"></Setter>
<Setter Property="MinWidth" Value="0" />
<Setter Property="MinHeight" Value="28" />
<Setter Property="Foreground" Value="Green" />
<Setter Property="Background" Value="Black"/>
<Setter Property="FontSize" Value="14" />

<Setter Property="ContentTemplate">
<Setter.Value>
<DataTemplate>
<Grid x:Name="GridContentTemplate">
<Label Background="Black" Foreground="White" Content="{TemplateBinding Content}"/>
<Path x:Name="SortArrow" Visibility="Collapsed" Data="M0,0 L1,0 L0.5,1 z" Stretch="Fill" Grid.Column="2" Width="8" Height="6" Fill="White" Margin="0,0,50,0" VerticalAlignment="Center" RenderTransformOrigin="1,1" />
<Path x:Name="SortArrowUp" Visibility="Collapsed" Data="M0,0 L1,0 L0.5,1 z" Stretch="Fill" Grid.Column="2" Width="8" Height="6" Fill="Red" Margin="0,0,50,0" VerticalAlignment="Center" RenderTransformOrigin="1,1" />
</Grid>
</DataTemplate>
</Setter.Value>
</Setter>
<Style.Triggers>
<Trigger Property="SortDirection" Value="Descending">

</Trigger>
</Style.Triggers>
</Style>
</Setter.Value>
</Setter>-->



<!--<Setter Property="ColumnHeaderStyle">
<Setter.Value>
<Style x:Name="FQCustomDataGridColumnHeader" TargetType="DataGridColumnHeader">
<Setter Property="SnapsToDevicePixels" Value="True" />
<Setter Property="Padding" Value="5,0,5,0"></Setter>
<Setter Property="MinWidth" Value="0" />
<Setter Property="MinHeight" Value="28" />
<Setter Property="Foreground" Value="Green" />
<Setter Property="Background" Value="Black"/>
<Setter Property="AllowDrop" Value="True"></Setter>
<Setter Property="Cursor" Value="Hand"></Setter>
<Setter Property="FontSize" Value="14" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="DataGridColumnHeader">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<ContentPresenter Margin="0,0,0,0" VerticalAlignment="Center" HorizontalAlignment="Center"/>
<Path x:Name="SortArrow" Visibility="Visible" Data="M0,0 L1,0 L0.5,1 z" Stretch="Fill" Grid.Column="2" Width="8" Height="6" Fill="White" Margin="0,0,50,0"
VerticalAlignment="Center" RenderTransformOrigin="1,1" />
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
<Setter Property="Height" Value="25"/>
</Style>
</Setter.Value>
</Setter>-->
<Setter Property="CellStyle">
<Setter.Value>
<Style x:Name="FQCustamDataGridCell" TargetType="DataGridCell">
<Style.Setters>
<Setter Property="Background" Value="Black"/>
<Setter Property="Foreground" Value="Red"/>
<Setter Property="BorderThickness" Value="0"></Setter>
</Style.Setters>
<Style.Triggers>
<!--<Trigger Property="IsMouseOver" Value="True">
<Trigger.Setters>
<Setter Property="Background" Value="Gold"></Setter>
</Trigger.Setters>
</Trigger>-->
<Trigger Property="IsSelected" Value="True">
<Trigger.Setters>
<Setter Property="Background" Value="BlueViolet"></Setter>
</Trigger.Setters>
</Trigger>
</Style.Triggers>

</Style>
</Setter.Value>
</Setter>
<Setter Property="RowStyle">
<Setter.Value>
<Style TargetType="DataGridRow">
<Style.Setters>
<Setter Property="Background" Value="Black"/>
</Style.Setters>
<Style.Triggers>
<!--<Trigger Property="IsMouseOver" Value="True">
<Trigger.Setters>
<Setter Property="Background" Value="Gold"></Setter>
</Trigger.Setters>
</Trigger>-->
<Trigger Property="IsSelected" Value="True">
<Trigger.Setters>
<Setter Property="Background" Value="BlueViolet"></Setter>
</Trigger.Setters>
</Trigger>
</Style.Triggers>
</Style>
</Setter.Value>
</Setter>

</Style>

<Style x:Key="FQDataGridCellBase" TargetType="DataGridCell">
<Style.Setters>
<Setter Property="Background" Value="Black"/>
<Setter Property="BorderThickness" Value="0"></Setter>
</Style.Setters>
<Style.Triggers>
<!--<Trigger Property="IsMouseOver" Value="True">
<Trigger.Setters>
<Setter Property="Background" Value="Gold"></Setter>
</Trigger.Setters>
</Trigger>-->
<Trigger Property="IsSelected" Value="True">
<Trigger.Setters>
<Setter Property="Background" Value="BlueViolet"></Setter>
</Trigger.Setters>
</Trigger>
</Style.Triggers>
</Style>
<Style x:Key="FQDataGridRowBase" TargetType="DataGridRow">
<Style.Setters>
<Setter Property="Background" Value="Black"/>
</Style.Setters>
<Style.Triggers>
<!--<Trigger Property="IsMouseOver" Value="True">
<Trigger.Setters>
<Setter Property="Background" Value="Gold"></Setter>
</Trigger.Setters>
</Trigger>-->
<Trigger Property="IsSelected" Value="True">
<Trigger.Setters>
<Setter Property="Background" Value="BlueViolet"></Setter>
</Trigger.Setters>
</Trigger>
</Style.Triggers>
</Style>

<!--设置DataGrid单元格前景色Yellow-->
<Style x:Key="dgCellTextBlockForegroundYellow" TargetType="TextBlock">
<Setter Property="Foreground" Value="Yellow"></Setter>
</Style>

<!--设置DataGrid单元格前景色Yellow-->
<Style x:Key="dgCellTextBlockForegroundWhite" TargetType="TextBlock">
<Setter Property="Foreground" Value="White"></Setter>
</Style>
</ResourceDictionary>
jcair
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义datagrid
07-02
在本话题中，我们将探讨如何自定义网页风格的`datagrid`，使其更适应网络开发的需求。 首先，让我们了解`datagrid`的基本概念。`datagrid`通常是一个JavaScript库或框架中的组件，如jQuery UI、ExtJS或AngularJS等...
WPF 自定义DataGrid控件样式模板5个
03-09 9678
要实现表头拖动，使用上面的样式代码是不行的，上面的样式代码去掉了拖动的控件。上面的代码实现了隔行换色的效果，但是没有鼠标选中效果。CanUserReorderColumns：获取或设置一个值用来判断是否允许用户重新排列表列的位置。AreRowGroupHeadersFrozen：获取或设置一个值用来判断是否冻结分组行的头部。AreRowDetailsFrozen：获取或设置一个值用来判断是否冻结每行内容的详细信息。RowDetailsTemplate：获取或设置被用于显示行详细部分的内容的模板。
WPF自定义datagrid样式单元格样式行列表头Style
上山的人啊，请不要嘲讽下山的神
07-04 2103
WPF DATAGRID通用Style设置
WPF DataGrid自定义样式
amyu42747的博客
11-20 1089
微软的WPF DataGrid中有很多的属性和样式，你可以调整，以寻找合适的（如果你是一名设计师）。下面，找到我的小抄造型的网格。它不是100％全面，但它可以让你走得很远，有一些非常有用的技巧和陷阱。在DataGrid中的最高水平，你可以改变的外观和感觉，通过设置一些： Property Type Values ...
C# DataGridView实现二维表头
m0_67599428的博客
03-23 3126
VS2022 C# windowForm自定义控件DataGridView实现二维表头
自定义Datagrid
04-05
在IT领域，自定义Datagrid是一项常见的需求，尤其是在开发数据密集型应用时。Datagrid是一种用于展示和操作表格数据的控件，它允许用户以视觉上友好的方式查看和交互大量结构化的信息。本资源围绕C#语言环境下的...
.NET CF自定义DataGrid格式
04-11
自定义DataGrid单元格格式化主要通过以下几种方式实现： 1. **CellFormatting事件**：这是DataGrid控件提供的一个关键事件，当单元格即将显示时触发。在事件处理程序中，你可以访问到单元格的值、列信息和行信息，...
自定义的 DataGrid样式
04-27
自定义DataGrid样式可以帮助开发者根据应用程序的需求调整控件的外观和交互方式，使其更符合用户界面的设计规范。下面我们将深入探讨如何自定义DataGrid样式及其相关的知识点。 1. **创建资源字典** 自定义...
wpf DataGrid 自定义样式！
08-02
本篇文章将详细介绍如何利用 WPF 的 `ControlTemplate` 对 `DataGrid` 进行自定义样式，以及如何为特定行或列定制样式。 首先，`ControlTemplate` 是 WPF 中的一个重要概念，它允许我们完全重新定义控件的外观。...
修改DataGrid表头样式
10-10
简单的修改DataGrid的表头的方法，希望有帮助
WPF 4 DataGrid 控件（自定义样式篇）
weixin_30636089的博客
07-29 257
在《WPF 4 DataGrid 控件（基本功能篇）》中我们已经学习了DataGrid 的基本功能及使用方法。本篇将继续介绍自定义DataGrid 样式的相关内容，其中将涉及到ColumnHeader、RowHeader、Row、Cell 的各种样式设置。 ColumnHeaderStyle 属性 一般来讲列表头是用户首先注意的内容，那么如何在DataGrid 中设计一个美...
自定义 DataGrid
wang102010的专栏
06-16 553
    .GridViewOverFlow table{ width:100%; table-layout:fixed;  border:2px;}.GridViewOverFlow table th{ /*align="center" nowrap="nowrap" valign="middle" style="overflow:hidden;"*/ text-align:center;  ve
WPF UI开发教程自定义DataGrid样式
liaohaiyin的专栏
08-21 3361
开发软件大部分都会用到数据显示控件，今天文章来自定义DataGrid样式。 先看下DataGrid运行效果图： DataGrid样式修改了DataGridRow行和DataGridCell表格颜色，隔行换色，鼠标选中颜色等样式，下面是样式代码： !-- 行样式触发 --> <!-- 背景色改变必须先设置cellStyle 因为cellStyle会覆盖rowStyle样式 --> <Style TargetType="DataGridRow">
使用DataTrigger自定义WPF DataGrid行样式
最新发布
波波诸葛伟
05-10 1392
在WPF开发中，通过DataTrigger可以方便地根据数据的变化自定义控件的样式。本文将展示如何在DataGrid中使用DataTrigger根据条件动态改变行的背景颜色和字体样式。接下来，我们在DataGrid的RowStyle中定义多个DataTrigger，根据不同的年龄值改变行的背景颜色。当CheckBox被选中时，改变字体颜色和样式："19""20""21""True""Red""FontSize""16""Bold"
为DataGrid创建自定义列控件
The key to .Net
05-03 405
　　DataGrid中为我们提供了5种常用的列控件?      BoundColumn?      ButtonColumn?      EditCommandColumn?      HyperLinkColumn?      TemplateColumn　　通常情况下，这5种列控件都能够完成我们大部分的开发，但是有时遇到特殊情况下，为了简化开发，自定义列控件就派上的用场。　　在开发以前，
DataGrid自定义数据样式
Q_MingTao
06-09 1079
WPF响应式表格 作者：邱名涛 撰写时间：2019年6月9日 关键技术：DataGrid自定义数据样式 前端代码： <Window x:Class="WpfApplication1.窗口随意拉伸" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://...
easyui datagrid 样式自定义
jackiehome的专栏
09-25 5607
easyui datagrid  样式自定义 css自定义 .datagrid-view     {         background-color:#0F9BDE;     }     td.datagrid-header-over:hover,.datagrid-header-rownumber:hover     {         background: -mo
wpf 自定义datagrid控件
08-08
WPF自定义DataGrid控件是通过继承现有的DataGrid类，并在其基础上进行修改和扩展来实现的。 自定义DataGrid控件的步骤如下： 1. 创建一个自定义的类，继承自DataGrid。例如，可以命名为CustomDataGrid。 2. 在CustomDataGrid类中，可以添加额外的属性、依赖属性或附加属性，用于自定义DataGrid控件的特定行为或外观。 3. 重写或扩展DataGrid的现有方法、事件和样式，以满足自定义需求。例如，可以重写OnApplyTemplate()方法以应用自定义样式。 4. 根据需要，可以添加新的功能或控件，例如自定义列、单元格、行、排序、筛选、分页等等。 5. 在CustomDataGrid类中，可以通过编写自定义的模板（Template）来修改DataGrid的外观。例如，可以通过修改DataGrid的ControlTemplate来改变整个DataGrid的显示风格。 6. 编写完自定义类后，可以在XAML中使用自定义DataGrid控件，通过添加命名空间引用并将CustomDataGrid作为一个控件使用。可以设置自定义属性、事件和样式，达到期望的效果。 通过自定义DataGrid控件，可以根据实际需求对其进行扩展和修改，以满足特定的业务需求。由于WPF提供了强大的样式、模板和继承机制，因此可以轻松地自定义DataGrid控件，并且可以实现高度的灵活性和可扩展性。这样，可以根据项目的需求和用户的喜好来创建独特的、具有个性化的DataGrid控件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值