WPF DataGrid 复合表头（实现表头合并，自定义表头）

功能说明： 将 DataGrid嵌套在本控件内，使用Label自定义表头，如果需要上下左右滚动需要在控件外围添加 ScrollViewer 并且设置 ScrollVisibility 为Auto

实现方式：控件继承了Grid，所以datagrid上面的子节点Label可以设置行列合并以实现我们需要的符合表头需求，符合表头会读取 datagrid中的列，Label的宽度会跟随 datagrid表头宽度的变化，我们可以自己设置显示或者隐藏datagrid的表头，自己设置label的样式

截图：

使用Demo：

控件代码：

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Drawing;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Controls.Primitives;

using System.Windows.Media;

namespace SelfControlWPF.Controls

{

    /// <summary>

    /// 将DataGrid放入控件内，用Label基于Grid的方式画复杂表头，表头合并

    /// 需要滚动的的情况下可在控件外包一层 ScrollView 设置Scrollvibility为Auto 固定高度宽度

    /// </summary>

    public class ComplexDataGridHeader : Grid

    {

        #region 依赖属性

        /// <summary>

        /// 表头需要添加的行数

        /// </summary>

        public static readonly DependencyProperty AddRowProperty =

        DependencyProperty.Register("AddRow", typeof(int), typeof(ComplexDataGridHeader));

        public int AddRow

        {

            get { return (int)GetValue(AddRowProperty); }

            set { SetValue(AddRowProperty, value); }

        }

        private double RowHeaderWidth { get; set; }

        #endregion

        #region 所有字段

        /// <summary>

        /// 需要显示的DataGrid

        /// </summary>

        private DataGrid dataGrid;

        /// <summary>

        /// 所有列宽度字典

        /// </summary>

        private readonly Dictionary<int, double> colArr = new Dictionary<int, double>();

        /// <summary>

        /// 最右边的一个Label

        /// </summary>

        private Label RightLabel;

        /// <summary>

        /// 最右边Label右边的BorderThinkness

        /// </summary>

        private double RightTh;

        /// <summary>

        /// 监测datagrid Columun的宽度变化

        /// </summary>

        readonly DependencyPropertyDescriptor descriptor = DependencyPropertyDescriptor.FromProperty(DataGridColumn.WidthProperty, typeof(DataGridColumn));

        /// <summary>

        /// DataGrid所有Column字典

        /// </summary>

        readonly Dictionary<int, ColumnDefinition> columnDefinitions = new Dictionary<int, ColumnDefinition>();

        //double SumWidth = 0;

        /// <summary>

        /// 记录DataGrid的RowHeaderActualWidth

        /// </summary>

        #endregion

        #region 主要方法

        public ComplexDataGridHeader()

        {

            RowDefinition rowDefinitionh = new RowDefinition

            {

                Height = GridLength.Auto

            };

            RowDefinitions.Add(rowDefinitionh);

        }

        /// <summary>

        /// 设置DataGrid初始样式

        /// </summary>

        /// <param name="obj"></param>

        private void SetHeaderGrid(object obj)

        {

            if (obj is DataGrid)

            {

                dataGrid = obj as DataGrid;

                dataGrid.SetValue(RowProperty, 1);

                dataGrid.Loaded += DataGridLoaded;

                dataGrid.HorizontalScrollBarVisibility = ScrollBarVisibility.Hidden;

                dataGrid.CanUserReorderColumns = false;

            }

        }

        /// <summary>

        /// 开始渲染表头

        /// </summary>

        public void Render()

        {

            if (Utils.ListIsNullOrEmpty(dataGrid.Columns)|| Utils.ListIsNullOrEmpty(Children)) return;

            columnDefinitions.Clear();

            colArr.Clear();

            //SumWidth = 0;

            ColumnDefinitions.Clear();

            RowDefinitions.Clear();

            RowDefinition rowDefinitionh = new RowDefinition

            {

                Height = GridLength.Auto

            };

            RowDefinitions.Add(rowDefinitionh);

            foreach (DataGridColumn col in dataGrid.Columns)

            {

                descriptor.RemoveValueChanged(col, ColumnWidth_Changed);

                descriptor.AddValueChanged(col, ColumnWidth_Changed);

                ColumnDefinition columnDefinition = new ColumnDefinition

                {

                    Width = new GridLength(col.ActualWidth >= col.Width.Value ? col.ActualWidth : col.Width.Value)

                };

                ColumnDefinitions.Add(columnDefinition);

                colArr.Add(col.DisplayIndex, columnDefinition.Width.Value);

                columnDefinitions.Add(col.DisplayIndex, columnDefinition);

                //SumWidth += columnDefinition.Width.Value;

            }

            if(dataGrid.HeadersVisibility== DataGridHeadersVisibility.All|| dataGrid.HeadersVisibility == DataGridHeadersVisibility.Row)

            {

                RowHeaderWidth+= dataGrid.RowHeaderActualWidth;

            }

            //SumWidth += RowHeaderWidth;

            columnDefinitions[0].Width = new GridLength(columnDefinitions[0].Width.Value + RowHeaderWidth);

            colArr[0] = columnDefinitions[0].Width.Value;

            for (int i = 0; i < AddRow; i++)

            {

                RowDefinition rowDefinition = new RowDefinition

                {

                    Height = GridLength.Auto

                };

                RowDefinitions.Add(rowDefinition);

            }

            SetHeaderWidth();

            dataGrid.SetValue(ColumnSpanProperty, dataGrid.Columns.Count);

            dataGrid.SetValue(RowProperty, RowDefinitions.Count - 1);

        }

        /// <summary>

        /// 设置所有表头宽度和边框

        /// </summary>

        private void SetHeaderWidth()

        {

            foreach (var item in Children)

            {

                if (item is Label)

                {

                    Label textBlock = item as Label;

                    Thickness thickness = textBlock.BorderThickness;

                    thickness.Left = thickness.Left == 0 ? 1 : thickness.Left;

                    thickness.Top = thickness.Top == 0 ? 1 : thickness.Top;

                    thickness.Right = thickness.Right == 0 ? 1 : thickness.Right;

                    thickness.Bottom = thickness.Bottom == 0 ? 1 : thickness.Bottom;

                    double Th = thickness.Right;

                    int col = Convert.ToInt32(textBlock.GetValue(ColumnProperty));

                    int row = Convert.ToInt32(textBlock.GetValue(RowProperty));

                    int colspan = Convert.ToInt32(textBlock.GetValue(ColumnSpanProperty));

                    textBlock.Width = GetLabelWidth(Convert.ToInt32(textBlock.GetValue(ColumnProperty)), Convert.ToInt32(textBlock.GetValue(ColumnSpanProperty)));

                    textBlock.BorderThickness = new Thickness(thickness.Left, thickness.Top * (row == 0 ? 1 : 0), thickness.Right * (col + colspan - 1 == dataGrid.Columns.Count - 1 ? 1 : 0), thickness.Bottom * (row == RowDefinitions.Count - 2 ? 0 : 1));

                    if (RightLabel is null || Convert.ToInt32(textBlock.GetValue(ColumnProperty)) > Convert.ToInt32(RightLabel.GetValue(ColumnProperty)))

                    {

                        RightLabel = textBlock;

                        if (Th > 0) RightTh = thickness.Right;

                    }

                }

            }

            RightLabel.BorderThickness = new Thickness(RightLabel.BorderThickness.Left, RightLabel.BorderThickness.Top, RightTh, RightLabel.BorderThickness.Bottom);

        }

        /// <summary>

        /// 计算某个表头宽度

        /// </summary>

        /// <param name="col"></param>

        /// <param name="span"></param>

        /// <returns></returns>

        private double GetLabelWidth(int col, int span)

        {

            double result = 0;

            for (int i = 0; i < span; i++)

            {

                if(colArr.ContainsKey(col + i))

                result += colArr[col + i];

            }

            return result;

        }

        #endregion

        #region 事件

        /// <summary>

        /// 监测控件子控件变化

        /// </summary>

        /// <param name="visualAdded"></param>

        /// <param name="visualRemoved"></param>

        protected override void OnVisualChildrenChanged(DependencyObject visualAdded, DependencyObject visualRemoved)

        {

            if (visualAdded is DataGrid)

            {

                SetHeaderGrid(visualAdded as DataGrid);

            }

            base.OnVisualChildrenChanged(visualAdded, visualRemoved);

        }

        /// <summary>

        /// 表头宽度变化事件

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        private void ColumnWidth_Changed(object sender, EventArgs e)

        {

            DataGridColumn dataGridColumn = sender as DataGridColumn;

            columnDefinitions[dataGridColumn.DisplayIndex].Width = new GridLength(dataGridColumn.ActualWidth);

            if (!colArr.ContainsKey(dataGridColumn.DisplayIndex)) return;

            colArr[dataGridColumn.DisplayIndex] = dataGridColumn.ActualWidth;

            if (dataGridColumn.DisplayIndex == 0)

            {

                columnDefinitions[0].Width = new GridLength(dataGridColumn.ActualWidth + RowHeaderWidth);

                colArr[0] = columnDefinitions[0].Width.Value;

            }

            SetHeaderWidth();

        }

        /// <summary>

        /// DataGrid加载后事件

        /// </summary>

        /// <param name="sender"></param>

        /// <param name="e"></param>

        private void DataGridLoaded(object sender, RoutedEventArgs e)

        {

            Render();

        }

        #endregion

    }

}

帮助类：

using System;

using System.Collections;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using System.Windows;

using System.Windows.Markup;

using System.Xml;

namespace SelfControlWPF

{

    public class Utils

    {

        /// <summary>

        /// 深拷贝控件

        /// </summary>

        /// <typeparam name="T"></typeparam>

        /// <param name="source"></param>

        /// <param name="destination"></param>

        public static void Copy<T>(T source, ref T destination) where T : class

        {

                string rectXaml = XamlWriter.Save(source);

                StringReader stringReader = new StringReader(rectXaml);

                XmlReader xmlReader = XmlReader.Create(stringReader);

                UIElement clonedChild = (UIElement)XamlReader.Load(xmlReader);

                destination = clonedChild as T;

        }

        /// <summary>

        /// 判断列表是否为空或者0条

        /// </summary>

        /// <param name="list"></param>

        /// <returns></returns>

        public static bool ListIsNullOrEmpty(IList list)

        {

            return list == null || list.Count == 0;

        }

    }

}

WPF DataGrid 复合表头（实现表头合并，自定义表头）的更多相关文章

小师妹问 easyUI mergeCells 行合并后表头和内容对不齐
公司来了一个做easyUI的妹子,恰好那妹子是和我一个学校的,有一天下班妹子在超时买东西正好巧遇,然后妹子就问了问题,随便说手机卡需要我帮忙刷机,然后就问手机买了多久, 多少钱,刚买的时候好用不,然后 ...
WPF DataGrid自定义样式
微软的WPF DataGrid中有很多的属性和样式,你可以调整,以寻找合适的(如果你是一名设计师).下面,找到我的小抄造型的网格.它不是100%全面,但它可以让你走得很远,有一些非常有用的技巧和陷阱. ...
QTableWidget自定义表头QHeaderView加全选复选框
1 QTableWidget自定义表头QHeaderView加全选复选框在使用QTableWidget时需要在表头添加全选复选框,但是默认的表头无法添加复选框,只能用图片画上去一个复 ...
vue + element ui 表格自定义表头，提供线上demo
前言:工作中用到 vue+element ui 的前端框架,需要使用自定义表头,需要使用 re.转载请注明出处:https://www.cnblogs.com/yuxiaole/p/9710826.h ...
ElementUI2.0组件库el-table表格组件如何自定义表头？
效果图: npm run dev 编译项目之后,报错,要使用jsx语法需要先安装编译插件 1.安装下列安装包 npm install babel-plugin-syntax-jsx --save-de ...
element之table自定义表头
1.实现效果 2.使用render-header可以自定义表头 <el-table-column prop="date" label="日期" sorta ...
ElementUI的Table-column_render-header自定义表头
ElementUI的Table表格,官方网站上提供了很多样式,但是在日常开发中还会碰到各种情况,显然官方提供的是不能满足需求的.那么,我们就根据自己的需求对table进行改造. 先丢出关于Table的 ...
WPF DataGrid 自动生成行号的方法（通过修改RowHeaderTemplate的方式）
WPF中的DataGrid自动生成行号的方法有很多,这里记录了一种通过修改 RowHeaderTemplate的方式来生成行号: 方法一: xaml界面: <Window ... xmlns:l ...
WPF DataGrid常用属性记录
WPF DataGrid常用属性记录组件常用方法: BeginEdit:使DataGrid进入编辑状态. CancelEdit:取消DataGrid的编辑状态. CollapseRowGroup:闭 ...

随机推荐

Java集合 Collection、Set、Map、泛型简要笔记
集合什么是集合概念对象的容器,实现了对对象常用的操作和数组的区别数组长度固定,集合长度不固定数组可以存储基本类型和引用类型,集合只能存储引用类型位置 java.util.*; Colle ...
架构设计 | 基于电商交易流程，图解TCC事务分段提交
本文源码:GitHub·点这里 || GitEE·点这里一.场景案例简介 1.场景描述分布式事务在业务系统中是十分常见的,最经典的场景就是电商架构中的交易业务,如图: 客户端通过请求订单服务,执行 ...
ZooKeeper的十二连问，你顶得了嘛？
前言一线大厂ZooKeeper的十二连问,你顶得了嘛? 本文已经收录到github ❝ https://github.com/whx123/JavaHome ❞ 1. 面试官:工作中使用过Zooke ...
Mono嵌入C++
http://docs.go-mono.com/index.aspx?link=xhtml%3Adeploy%2Fmono-api-embedding.html https://www.mono-pr ...
平衡二叉搜索树/AVL二叉树 C实现
//AVTree.h #ifndef MY_AVLTREE_H #define MY_AVLTREE_H typedef int ElementType; struct TreeNode { Elem ...
搭建一个低配版的Mock Server
mock翻译过来是模仿的意思,Server是服务器.粗暴点直译就是模仿服务器. 写在前面通过阅读本文,你将对Mock的使用有一定的了解,对前后端分离的概念有了更深一步的认识,对Koa的使用有一定的了 ...
c++基础写二进制文件
问题描述有许多数据待拟合,需要从 root 中提取出来,写成文本文件数据量过大,想转成二进制文件. 解决 #include "TString.h" #include " ...
获取JSO字符串的key和value值
import com.alibaba.fastjson.JSON; import java.util.ArrayList; import java.util.HashMap; import java. ...
pyhton：time模块和datetime模块
一.time模块 1.相关定义: time模块时间的表达有3种,时间戳,时间元祖,格式化时间 #时间戳: print(time.time())#获取当前时间戳.时间戳的计算是1970纪元后经过的浮点秒 ...
还不懂Redis？看完这个故事就明白了！
我是Redis 你好,我是Redis,一个叫Antirez的男人把我带到了这个世界上. 说起我的诞生,跟关系数据库MySQL还挺有渊源的. 在我还没来到这个世界上的时候,MySQL过的很辛苦,互联网发 ...

WPF DataGrid 复合表头 （实现表头合并，自定义表头）

WPF DataGrid 复合表头 （实现表头合并，自定义表头）的更多相关文章

随机推荐

热门专题

WPF DataGrid 复合表头（实现表头合并，自定义表头）

WPF DataGrid 复合表头（实现表头合并，自定义表头）的更多相关文章