如何在WPF TreeView中绑定带继承的Homework类并显示子类专属字段

嗨，这个问题我熟！WPF里要实现这种根据作业子类类型显示不同UI的TreeView绑定，最省心的方式就是利用数据模板（DataTemplate）的自动类型匹配，不用写复杂的Selector。我给你一步步拆解：

第一步：先修正你的C#类（绑定需要属性，不是字段） #

首先得把你的字段改成公共属性，WPF的绑定系统只能识别属性，不能直接绑定字段。另外如果需要动态更新作业列表，建议用ObservableCollection替代List，这样增删作业时TreeView会自动刷新：

public class Student 
{ 
    public string Name { get; set; } 
    // 用ObservableCollection支持动态更新
    public ObservableCollection<Homework> Homeworks { get; set; } = new ObservableCollection<Homework>();
}

public class Homework 
{ 
    public DateTime Date { get; set; } 
    public int Vote { get; set; } 
}

public class ScienceH : Homework { public string Topic { get; set; } }
public class PhysicsH : Homework { public int Points { get; set; } }

第二步：写XAML，利用DataType匹配不同模板 #

在TreeView的资源里，为每个作业子类定义对应的DataTemplate，并通过DataType指定匹配的类型。WPF会自动根据集合中每个项的类型，选择对应的模板渲染：

<!-- 记得先声明你的类所在的命名空间，比如local指向你的项目命名空间 -->
<TreeView x:Name="studentTreeView" xmlns:local="clr-namespace:YourProjectNamespace">
    <TreeView.Resources>
        <!-- 科学作业的专属模板：显示Topic字段 -->
        <DataTemplate DataType="{x:Type local:ScienceH}">
            <StackPanel Orientation="Horizontal" Margin="5,2">
                <TextBlock Text="📚 科学作业: " />
                <TextBlock Text="{Binding Topic}" FontWeight="Bold" Foreground="#2E7D32"/>
                <TextBlock Text=" | 提交日期: " Margin="8,0"/>
                <TextBlock Text="{Binding Date, StringFormat='yyyy-MM-dd'}"/>
                <TextBlock Text=" | 评分: " Margin="8,0"/>
                <TextBlock Text="{Binding Vote}"/>
            </StackPanel>
        </DataTemplate>

        <!-- 物理作业的专属模板：显示Points字段 -->
        <DataTemplate DataType="{x:Type local:PhysicsH}">
            <StackPanel Orientation="Horizontal" Margin="5,2">
                <TextBlock Text="⚛️ 物理作业: " />
                <TextBlock Text="{Binding Points}" FontWeight="Bold" Foreground="#1976D2"/>
                <TextBlock Text=" 分 | 提交日期: " Margin="8,0"/>
                <TextBlock Text="{Binding Date, StringFormat='yyyy-MM-dd'}"/>
                <TextBlock Text=" | 评分: " Margin="8,0"/>
                <TextBlock Text="{Binding Vote}"/>
            </StackPanel>
        </DataTemplate>

        <!-- 基础作业模板（如果有未子类化的Homework） -->
        <DataTemplate DataType="{x:Type local:Homework}">
            <StackPanel Orientation="Horizontal" Margin="5,2">
                <TextBlock Text="📝 普通作业: " />
                <TextBlock Text="提交日期: " Margin="8,0"/>
                <TextBlock Text="{Binding Date, StringFormat='yyyy-MM-dd'}"/>
                <TextBlock Text=" | 评分: " Margin="8,0"/>
                <TextBlock Text="{Binding Vote}"/>
            </StackPanel>
        </DataTemplate>
    </TreeView.Resources>

    <!-- 学生节点的层级模板：绑定Homeworks作为子项 -->
    <TreeView.ItemTemplate>
        <HierarchicalDataTemplate ItemsSource="{Binding Homeworks}">
            <TextBlock Text="{Binding Name}" FontSize="14" FontWeight="Bold" Margin="0,4"/>
        </HierarchicalDataTemplate>
    </TreeView.ItemTemplate>
</TreeView>

第三步：给TreeView绑定数据源 #

最后在后台代码里给TreeView设置ItemsSource，比如：

// 模拟测试数据
var students = new ObservableCollection<Student>
{
    new Student
    {
        Name = "张三",
        Homeworks = 
        {
            new ScienceH { Date = DateTime.Now, Vote = 90, Topic = "光合作用" },
            new PhysicsH { Date = DateTime.Now.AddDays(-1), Vote = 85, Points = 92 }
        }
    },
    new Student
    {
        Name = "李四",
        Homeworks = 
        {
            new PhysicsH { Date = DateTime.Now.AddDays(-2), Vote = 95, Points = 98 },
            new Homework { Date = DateTime.Now.AddDays(-3), Vote = 80 }
        }
    }
};

studentTreeView.ItemsSource = students;

关键原理说明 #

WPF的DataTemplate通过DataType属性，可以自动匹配对应的.NET类型。当TreeView遍历Homeworks集合时，会检查每个项的类型，然后找到对应的模板渲染，完全不用手动判断类型，非常优雅！

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