刚接触C#没多久，学着用C#中的WPF做 一些界面，所以本篇文章适合初学者看，这次我主要介绍的是在项目中经常用到的一个WPF控件——TreeView。
TreeView也就是目录树，先给出一个最简单的展示效果及代码
这是刚创建的一个名为BeginTreeView的解决项目（使用的VS2022）
把它改为下图（把Grid布局控件换为TreeView），添加的代码如下：
<TreeView>
<TreeViewItem Header="第一级">
<TreeViewItem Header="第二级">
<TreeViewItem Header="第三级"/>
</TreeViewItem>
</TreeViewItem>
<TreeViewItem Header="第一级"/>
<TreeViewItem Header="第一级"/>
<TreeViewItem Header="第一级"/>
</TreeView>运行后的结果如图所示（一个三级树）：
当然，这种写法在实战项目上是没用的，一般来说，树的生成是根据读取所提供的数据动态的生成的，因此，现在的思路是要实现由数据动态生成树，首先想到的是在TreeView中创建TreeViewItem的模板，通过模板与数据的绑定，动态生成所需要的树，而我在项目上，一般是使用TreeView中的——HierarchicalDataTemplate对象设置TreeView.ItemTemplate属性（至于为什么一般不用DataTemplate，我会在文章最后补充中进行说明），修改代码如下：
<TreeView>
<TreeView.ItemTemplate>
<HierarchicalDataTemplate>
<TextBlock/>
</HierarchicalDataTemplate>
</TreeView.ItemTemplate>
</TreeView>
完成后，接下来的任务就是让数据与模板进行绑定，这时用到了TreeView中的ItemSource属性，该属性需要注意的是，绑定的数据需要是列表类型的数据，不是C#中的基本数据类型。好了，既然TreeViewItem数据源有了，那么最后一步就是让TreeViewItem中显示数据源中的什么数据，这也就是TextBlock的作用，不过千万别忽悠一个问题，读数据或者生成数据，是需要对应的结构，没有结构的数据是没办法利用的，所以我们需要先自定义一个数据结构，下图是我定义的一个简单结构（项目结构调整如左边——MVVM）
internal class TreeViewModel
{
public string? Name { get; set; }
public ObservableCollection<TreeViewModel> Children { get; set; } = new ObservableCollection<TreeViewModel>();
}之后在ViewModel中添加如下代码
internal class TreeViewViewModel
{
private TreeViewModel _treeViewModel = new TreeViewModel();
public TreeViewModel TreeViewModel
{
get { return _treeViewModel; }
set { _treeViewModel = value; }
}
public TreeViewViewModel()
{
InitTree();
}
public void InitTree()
{
for (int i = 0; i < 5; i++)
{
TreeViewModel treeViewModel = new TreeViewModel();
treeViewModel.Name = $"第{i + 1}级";
for (int j = 0; j < 5; j++)
{
TreeViewModel treeViewModel1 = new TreeViewModel();
treeViewModel1.Name = $"第{i + 1}----{j + 1}级";
treeViewModel.Children.Add(treeViewModel1);
}
TreeViewModel.Children.Add(treeViewModel);
}
}
}最后，就是对生成数据的绑定，代码如下
<Window.DataContext>
<viewModel:TreeViewViewModel x:Name="viewmodel"/>
</Window.DataContext>
<TreeView ItemsSource="{Binding TreeViewModel.Children}">
<TreeView.ItemTemplate>
<HierarchicalDataTemplate ItemsSource="{Binding Children}">
<TextBlock Text="{Binding Name}"/>
</HierarchicalDataTemplate>
</TreeView.ItemTemplate>
</TreeView>注：由于采用的是MVVM，所以在前端需要绑定ViewModel，这样才能访问到后台生成的数据并操作数据
xmlns:viewModel="clr-namespace:BeginTreeView.ViewModel"运行的结果如图所示，是一个2级树
补充：HierarchicalDataTemplate对象与DataTemplate对象之间的区别
HierarchicalDataTemplate相比DataTemplate有一个额外的优点，就是封装第二个模板。然后HierarchicalDataTemplate对象就可以从第一层数据中提取项的集合，并将之提供给第二个模板。
举个例子：假如项目中给的数据结构是定死的，而且数据结构不是同对象递归，这时就需要这样生成树。
在原来的解决方案上修改数据结构如下所示
public class TreeViewModel
{
public ObservableCollection<TreeNodeViewModel1> ChildrenModel1 { get; set; } = new ObservableCollection<TreeNodeViewModel1>();
}
public class TreeNodeViewModel1
{
public string? Name { get; set; }
public ObservableCollection<TreeNodeViewModel2> ChildrenModel2 { get; set; } = new ObservableCollection<TreeNodeViewModel2>();
}
public class TreeNodeViewModel2
{
public string? ID { get; set; }
public ObservableCollection<TreeNodeViewModel3> ChildrenModel3 { get; set; } = new ObservableCollection<TreeNodeViewModel3>();
}
public class TreeNodeViewModel3
{
public string? Description { get; set; }
}之后在ViewModel中修改创建数据的代码（InitTree方法）如下
TreeViewModel treeViewModel = new TreeViewModel();
for (int i = 0; i < 5; i++)
{
TreeNodeViewModel1 treeViewModel1 = new TreeNodeViewModel1();
treeViewModel1.Name = $"第{i + 1}级";
for (int j = 0; j < 5; j++)
{
TreeNodeViewModel2 treeNodeViewModel2 = new TreeNodeViewModel2();
treeNodeViewModel2.ID = $"我的ID是:{j + 1}";
for (int k = 0; k < 5; k++)
{
TreeNodeViewModel3 treeNodeViewModel3 = new TreeNodeViewModel3();
treeNodeViewModel3.Description = $"我是最后{k + 1}";
treeNodeViewModel2.ChildrenModel3.Add(treeNodeViewModel3);
}
treeViewModel1.ChildrenModel2.Add(treeNodeViewModel2);
}
treeViewModel.ChildrenModel1.Add(treeViewModel1);
}
TreeViewModel = treeViewModel;最后在前端绑定数据源与模板，如下图所示
<TreeView ItemsSource="{Binding TreeViewModel.ChildrenModel1}">
<TreeView.ItemTemplate>
<HierarchicalDataTemplate ItemsSource="{Binding ChildrenModel2}">
<TextBlock Text="{Binding Name}"/>
<HierarchicalDataTemplate.ItemTemplate >
<HierarchicalDataTemplate ItemsSource="{Binding ChildrenModel3}">
<TextBlock Text="{Binding ID}"/>
<HierarchicalDataTemplate.ItemTemplate >
<DataTemplate>
<TextBlock Text="{Binding Description}"/>
</DataTemplate>
</HierarchicalDataTemplate.ItemTemplate>
</HierarchicalDataTemplate>
</HierarchicalDataTemplate.ItemTemplate>
</HierarchicalDataTemplate>
</TreeView.ItemTemplate>
</TreeView>运行后的结果图，是一个3级树
本篇文章到此结束，谢谢各位耐心阅读，后续将讲述增删改查等功能实现 文章来源：https://www.toymoban.com/news/detail-444273.html
第一次写博客，希望各位大佬批评指正
文章来源地址https://www.toymoban.com/news/detail-444273.html
到了这里，关于新手入门WPF之TreeView控件（一）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
