详解WPF如何显示具有层级关系的数据_开发_开发者

开发者 https://www.devze.com 2024-08-12 14:36 出处：网络作者： mingupupup

目录前言创建数据数据模板的使用查看实现效果总结前言比方说我们有以下两个类：

前言

比方说我们有以下两个类：

 public claEygHIHss Class
 {
     public string? Name { get; set; }
     public List<Student>? Students { get; set; }
 }

 public class Student
 {
     public string? Name { get; set; }
 }

一个表示班级，一个表示学生，一个班级包含多个学生。在wpF中我们该如何显示这种具有层级关系的数据呢？

今天给大家介绍的是用TreeVijavascriptew与HierarchicalDataTemplate进行显示。

实现效果如下所示：js

详解WPF如何显示具有层级关系的数据

如果你对此感兴趣，可以接着往下阅读。

创建数据

 private void Button_Click(object sender, RoutedEventArgs e)
 {
     Student student1 = new Student() { Name = "小明" };
     Student student2 = new Student() { Name = "小红" };
     Student student3 = new Student() { Name = "小黄" };
     Student student4 = new Student() { Name = "小绿" };
     Student student5 = new Student() { Name = "小刚" };

     List<Student> students1 = new List<Student>()
     {
         student1,
         student2,
         student3
     };

     List<Student> students2 = new List<Student>()
     {              
         student4,
         student5
     };

     Class class1 = new Class()
     {
         Name = "班级1",
         Students = students1
     };

     Class class2 = new Class()
     {
         Name = "班级2",
         Students = students2
     };

     List<Class> classes = new List<Class>()
     {
         class1,
         class2
     };

     DataContext = classes;

 }

数据模板的使用

xaml：

  <TreeView>
      <TreeViewItem IteandroidmsSource="{Binding}" Header="全部班级"/>
  </TreeView>

HierarchicalDataTemplate介绍

HierarchicalDataTemplate是WPF（Windows Presentation Foundation）中的一种数据模板，用于在树状结构或层次结构中显示数据。它允许您定义如何呈现包含子项的数据对象。

通过HierarchicalDataTemplate，您可以指定一个模板，用于呈现数据对象本身，以及一个模板，用于呈现其子项。这使得在TreeView等控件中轻松显示复杂的数据结构，如文件夹和文件、组织架构等。

通常，您会在ItemsSource属性中指定数据源，然后使用HierarchicalDataTemplate定义每个级别的数据对象应该如何呈现。

通过使用HierarchicalDataTemplate，您可以更灵活地控制数据的呈现方式，使您能够创建具有深层次结构的动态UI。

HierarchicalDataTemplate的使用

xaml：

<Window.Resources>
    <HierarchicalDataTemplate DataType = "{x:Type local2:Class}"
       ItemsSource = "{Binding Path=Students}">
        <Textblock Text="{Binding Path=Name}"/>
    </HierarchicalDataTemplate>

    <DataTemplate DataTypeandroid="{x:Type local2:Student}">
        <TextBlock Text="{Binding Path=Name}"/>
    </DataTemplate>
</Window.Resources>

我们可以发现对于Class类，使用了一个HierarchicalDataTemplate，ItemsSource绑定的是Class类的Students属性。

Student类并没有再含有层次数据了所有直接使用DataTemplate就好了。