码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • WPF/C#:显示分组数据的两种方式


    本文介绍了WPF/C#中显示分组数据的两种方式。
    合集 - C#(47)
    1.使用C#将几个Excel文件合并去重分类2023-11-152.C#使用SqlSugar操作MySQL数据库实现简单的增删改查2023-11-163.C#中的类和继承2023-11-174.C#中的virtual和override关键字2023-11-175.C#中的属性2023-11-206.C#winform中使用SQLite数据库2023-11-237.C#简化工作之实现网页爬虫获取数据2023-11-278.C#中的委托(一)2023-11-299.C#中的ref关键字2023-11-2910.C#中out关键字2023-11-2911.C#中内置的泛型委托Func与Action2023-12-0412.在winform blazor hybrid中绘图2023-12-1313.使用C#如何监控选定文件夹中文件的变动情况?2023-12-2814.C#设计模式之策略模式01-0215.由浅入深理解C#中的事件01-0416.C#设计模式之观察者模式01-0417.C#设计模式之单例模式01-0818.C#基于ScottPlot进行可视化01-1319.C#使用MiniExcel导入导出数据到Excel/CSV文件02-1020.winform实现最小化至系统托盘02-1921.C#使用Bogus生成测试数据02-2722.SemanticKernel如何基于自有数据聊天03-0523.在winform中如何嵌入第三方软件窗体✨03-0724.在winform中如何实现双向数据绑定?03-1825.自己动手做一个批量doc转换为docx文件的小工具03-2026.WPF中动画教程(DoubleAnimation的基本使用)04-0127.WPF动画教程(PointAnimationUsingPath的使用)04-0328.C#使用PaddleOCR进行图片文字识别✨04-0929.WPF基础:在Canvas上绘制图形04-1630.WPF/C#:让绘制的图形可以被选中并将信息显示在ListBox中04-1931.使用归一化盒过滤器对图像进行平滑处理04-2032.WPF/C#:如何显示具有层级关系的数据04-2233.将彩色图转化为灰度图及其原理介绍04-2334.WPF/C#:ProgressBar的基本使用05-0835.在VB.NET项目中使用C#编写的代码05-2136.WPF/C#:理解与实现WPF中的MVVM模式05-2837.SemanticKernel:添加插件06-0638.Avalonia:一个.NET跨平台UI框架06-1039.WPF/C#:异常处理06-1240.WPF/C#:程序关闭的三种模式06-1241.wpfui:一个开源免费具有现代化设计趋势的WPF控件库06-1342.WPF/C#:如何将数据分组显示06-1743.WPF/C#:更改界面的样式06-1744.LiveCharts2:简单灵活交互式且功能强大的.NET图表库06-18
    45.WPF/C#:显示分组数据的两种方式06-19
    46.WPF/C#:在DataGrid中显示选择框06-2047.WPF/C#:数据绑定到方法06-21
    收起

    前言

    本文介绍自己在遇到WPF对数据进行分组显示的需求时,可以选择的两种方案。一种方案基于ICollectionView,另一种方案基于IGrouping。

    基于ICollectionView实现

    相关cs代码:

    [ObservableProperty]
    private ObservableCollection people;
    
    public GroupDemoViewModel()
    {
        People = new ObservableCollection
        {
            new People { Name = "小一", Class = "1班" },
            new People { Name = "小二", Class = "2班" },
            new People { Name = "王五", Class = "1班" },
            new People { Name = "小红", Class = "2班" },
            new People { Name = "小绿", Class = "1班" },
            new People { Name = "小刚", Class = "2班" },
        };
       
        MyView = CollectionViewSource.GetDefaultView(People);
        var groupDescription
            = new PropertyGroupDescription("Class");
        MyView.GroupDescriptions.Add(groupDescription); 
    }
    

    这段代码使用了WPF中的CollectionViewSource与PropertyGroupDescription类来对数据进行分组。

    CollectionViewSource是一个用于提供数据视图的类,它允许你对数据进行排序、筛选和分组。

    GetDefaultView方法返回一个默认视图,该视图是对People集合的包装。这个视图可以用于在UI中显示数据,并且可以应用各种视图操作(如排序、筛选和分组)。

    PropertyGroupDescription是一个用于定义分组规则的类。这里创建了一个新的PropertyGroupDescription对象,并指定分组依据的属性为Class,这意味着数据将根据这意味着数据将根据People集合中每个对象的Class属性值进行分组。

    xaml相关代码:

    
        
            
                
                    
                    
                
            
        
        
            
                
                    
                        
                    
                
            
        
    
    

    GroupStyle和GroupStyle.HeaderTemplate是用来自定义分组头部的显示方式。

    GroupStyle: 这是一个用于定义分组样式的元素。它允许你为ui:ListView中的每个分组自定义外观和行为。在这个元素内部,你可以定义头部模板(HeaderTemplate)、容器样式(ContainerStyle)等。
    GroupStyle.HeaderTemplate: 这个元素定义了分组头部的模板。通过这个模板,你可以自定义分组头部的外观。

    实现的效果如下所示:

    image-20240619122143726

    基于IGrouping实现

    在将数据分组时,我个人比较喜欢使用Linq的GroupBy。

    相关cs代码如下:

      [ObservableProperty]
      private ObservableCollection people;
    
      public IEnumerablestring?,People>> GroupedPeople { get; set; }
    
      public GroupDemoViewModel()
      {
          People = new ObservableCollection
          {
              new People { Name = "小一", Class = "1班" },
              new People { Name = "小二", Class = "2班" },
              new People { Name = "王五", Class = "1班" },
              new People { Name = "小红", Class = "2班" },
              new People { Name = "小绿", Class = "1班" },
              new People { Name = "小刚", Class = "2班" },
          };
    
          GroupedPeople = People.GroupBy(x => x.Class);    
      }
    
     GroupedPeople = People.GroupBy(x => x.Class); 
    

    这行代码使用LINQ的GroupBy方法对People集合进行分组。

    GroupBy(x => x.Class)的作用是根据People对象的Class属性的值将这个集合分成多个组。每个组是一个包含有相同Class值的People对象集合。这里的x代表People集合中的每一个People对象,x => x.Class是一个lambda表达式,指定了分组的依据是People对象的Class属性。

    GroupBy方法的结果是一个IEnumerable>类型的对象。IGrouping接口表示一个分组,其中string?是分组键的类型(在这个例子中是Class属性的类型),People是集合中元素的类型。每个IGrouping对象包含一个键(Key属性,即Class的值)和一个集合(包含所有具有该Class值的People对象)。

    相关xaml代码如下:

     
         
             
                 
                     
                         
                             
                                 
                                     
                                     
                                 
                             
                         
                     
                 
             
         
     
    

    使用了Expander控件。

    Expander是WPF中的一个控件,中文通常翻译为“扩展器”或“可折叠控件”。它是一个容器控件,允许用户通过点击标题栏来展开或折叠其内容区域。这种控件在用户界面设计中非常有用,可以用来隐藏或显示详细信息,从而节省屏幕空间。

    实现效果如下所示:

    image-20240619123207859

    image-20240619123228203

    回顾

    本文介绍了遇到WPF对数据进行分组显示的需求时,可以选择的两种方案。一种方案基于ICollectionView,另一种方案基于IGrouping。

    基于ICollectionView的方案,在cs代码中通过CollectionViewSource.GetDefaultView方法获得集合的默认视图,创建一个PropertyGroupDescription类,ICollectionView的GroupDescriptions属性添加创建的PropertyGroupDescription对象。在xaml代码中,除了一般的数据绑定外,还添加了ListView.GroupStyle,设置了 GroupStyle.HeaderTemplate。

    基于IGrouping的方案,在cs代码中,使用Linq的GroupBy方法对People集合进行分组。在xaml代码中在ListView的数据模板中使用Expander控件绑定分组的Key属性,在Expander控件中再包含一个ListView控件,绑定每个分组中的数据项。

  • 相关阅读:
    微生物共现网络可视化:实现布局自由
    【Docker】从零开始:4.为什么Docker会比VM虚拟机快
    信息学奥赛一本通 2075:【21CSPJ普及组】插入排序(sort) | 洛谷 P7910 [CSP-J 2021] 插入排序
    ​如何防止网络攻击?
    在网络安全、爬虫和HTTP协议中的重要性和应用
    java项目-第89期基于ssm的药店信息管理系统
    PMP考后需要做什么?考生须知
    【Linux】进程
    安恒信息明御安全网关 suffix参数任意文件上传漏洞
    Java版企业电子招标采购系统源码—企业战略布局下的采购寻源
  • 原文地址:https://www.cnblogs.com/mingupupu/p/18256035
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号