WPF树形控件TreeView使用介绍

WPF 中的 TreeView 控件用于显示层次结构数据。它是由可展开和可折叠的 TreeViewItem 节点组成的，这些节点可以无限嵌套以表示数据的层次。

TreeView 基本用法

例如实现下图的效果：

xaml代码如下：

<Window x:Class="TreeView01.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:TreeView01"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800"><Grid><TreeView><TreeViewItem Header="顶级项1"><TreeViewItem Header="子项1.1"/><TreeViewItem Header="子项1.2"/></TreeViewItem><TreeViewItem Header="顶级项2"><TreeViewItem Header="子项2.1"><TreeViewItem Header="子项2.1.1"/></TreeViewItem><TreeViewItem Header="子项2.2"/></TreeViewItem></TreeView></Grid>
</Window>

TreeView参数介绍

WPF 中的 TreeView 控件用于显示层次结构数据。它是由可展开和可折叠的 TreeViewItem 节点组成的，这些节点可以无限嵌套以表示数据的层次。

以下是一些与 TreeView 和 TreeViewItem 相关的关键概念和属性：

TreeView 的关键属性：

• ItemsSource：绑定到一个数据源，数据源中的每个项将被表示为一个 TreeViewItem。
• ItemTemplate：定义如何显示每个 TreeViewItem 的数据模板。
• SelectedItem：获取或设置当前选中的 TreeViewItem。
• SelectedValue：当你使用 SelectedValuePath 设置了属性路径时，SelectedValue 可以提供当前选中的 TreeViewItem 的特定属性值。
• SelectedValuePath：定义 SelectedValue 应该绑定的属性路径。

TreeViewItem 的关键属性：

• Items：获取 TreeViewItem 中包含的子项的集合。
• IsExpanded：获取或设置一个值，该值表示 TreeViewItem 是否展开显示其子项。
• IsSelected：获取或设置一个值，该值表示 TreeViewItem 是否被选中。
• Header：获取或设置 TreeViewItem 的头部内容，通常是显示的文本。

TreeView 的事件：

• SelectedItemChanged：当选择的项目发生变化时触发的事件。
• Collapsed：当 TreeViewItem 折叠时触发的事件。
• Expanded：当 TreeViewItem 展开时触发的事件。

使用 TreeView

在 XAML 中使用 TreeView，通常你会定义 ItemTemplate 来指定如何显示数据，并且可以通过绑定 ItemsSource 来填充 TreeView 数据。

下面是一个简单的 TreeView XAML 示例：

<TreeView x:Name="myTreeView"SelectedItemChanged="TreeView_SelectedItemChanged"><TreeView.ItemTemplate><HierarchicalDataTemplate ItemsSource="{Binding Path=Children}"><TextBlock Text="{Binding Path=Name}" /></HierarchicalDataTemplate></TreeView.ItemTemplate>
</TreeView>

在这个例子中，每个 TreeViewItem 都假定绑定到一个拥有 Name 和 Children 属性的对象，其中 Name 是显示给用户的文本，Children 是一个集合，表示子节点。

后台代码 (C#) 中关于填充 TreeView 的简单示例：

public class MyItem
{public string Name { get; set; }public ObservableCollection<MyItem> Children { get; set; }
}// ...myTreeView.ItemsSource = new ObservableCollection<MyItem>
{new MyItem{Name = "Parent Item",Children = new ObservableCollection<MyItem>{new MyItem { Name = "Child Item 1" },new MyItem { Name = "Child Item 2" }}}
};

在这个例子中，我们创建了一个简单的数据模型 MyItem，它具有一个用于显示的 Name 属性和一个 Children 集合。TreeView 将显示这些项，并允许用户展开和折叠它们来查看层次结构。

最后，还可以通过事件处理来响应用户的交互，比如当用户选择不同的 TreeViewItem 时，可能需要执行一些操作：

private void TreeView_SelectedItemChanged(object sender, RoutedPropertyChangedEventArgs<object> e)
{MyItem selectedItem = e.NewValue as MyItem;// 在这里处理 selectedItem
}

通过这些基本的组件和概念，你可以构建出复杂的层次结构界面，适用于文件浏览器、菜单结构等应用场景。