如何在WPF TreeView中按Property1分类展示Foo集合的子节点

没问题，我来帮你搞定这个需求！要实现按Property1作为父节点、对应Foo实例的Property2作为子节点的TreeView展示，咱们用分组绑定+HierarchicalDataTemplate的方案就非常合适，这是WPF里处理树形分组展示的标准做法，步骤如下：

1. 先整理分组数据 #

首先得把原始的List<Foo>按Property1分组，转成适合TreeView绑定的结构。我们可以定义一个分组类来封装分组名称和对应的子项：

public class GroupedFoo
{
    // 分组名称（即Property1的值）
    public string CategoryName { get; set; }
    // 该分组下的所有Foo实例
    public IEnumerable<Foo> Items { get; set; }
}

然后在你的ViewModel（或者后台代码）里用LINQ完成分组：

// 假设你已有原始的List<Foo> fooList
var groupedData = fooList
    .GroupBy(foo => foo.Property1)
    .Select(group => new GroupedFoo
    {
        CategoryName = group.Key,
        Items = group.ToList()
    })
    .ToList();

// 转成ObservableCollection方便UI自动更新（推荐用MVVM的话）
public ObservableCollection<GroupedFoo> GroupedFooCollection { get; set; }

// 初始化时赋值
GroupedFooCollection = new ObservableCollection<GroupedFoo>(groupedData);

2. 编写TreeView的XAML结构 #

接下来用HierarchicalDataTemplate来指定父节点和子节点的显示模板，绑定我们整理好的分组数据：

<TreeView ItemsSource="{Binding GroupedFooCollection}">
    <!-- 父节点（分组）的模板 -->
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding Items}">
            <!-- 父节点显示分组名称，加粗区分 -->
            <TextBlock Text="{Binding CategoryName}" FontWeight="Bold" />
            
            <!-- 子节点的模板，显示Property2的值 -->
            <HierarchicalDataTemplate.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Property2}" />
                </DataTemplate>
            </HierarchicalDataTemplate.ItemTemplate>
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

3. 额外注意事项 #

• 如果用MVVM模式，记得让你的ViewModel实现INotifyPropertyChanged接口，这样数据变化时UI会自动更新。可以写一个基类复用：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class ViewModelBase : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

然后你的ViewModel继承这个基类，在GroupedFooCollection的setter里调用OnPropertyChanged()。

• 最后要确保TreeView的DataContext正确设置，比如在Window的构造函数里：

public MainWindow()
{
    InitializeComponent();
    DataContext = new YourViewModel(); // 替换成你的ViewModel实例
}

这样就能完美实现你要的树形展示效果啦！

内容的提问来源于stack exchange，提问作者larzz11