.NET MAUI嵌套列表Grid布局展示及分组绑定问题求助

1. 定义正确的分组数据结构 #

首先需要创建一个分组类，既要承载教师的信息，又要包含对应学生列表。推荐继承ObservableCollection<Student>以自动支持集合变更通知：

using System.Collections.ObjectModel;
using System.ComponentModel;
using System.Runtime.CompilerServices;

public class StudentGroup : ObservableCollection<Student>, INotifyPropertyChanged
{
    private Guid _teacherId;
    private string _teacherName;

    public Guid TeacherId
    {
        get => _teacherId;
        set { _teacherId = value; OnPropertyChanged(); }
    }

    public string TeacherName
    {
        get => _teacherName;
        set { _teacherName = value; OnPropertyChanged(); }
    }

    public StudentGroup(Guid teacherId, string teacherName, IEnumerable<Student> students) 
        : base(students)
    {
        TeacherId = teacherId;
        TeacherName = teacherName;
    }

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

2. 完成原数据到分组数据的映射 #

将原有List<Teacher>转换为分组集合，作为CollectionView的数据源：

// 假设teachers是已初始化的教师列表
var groupedStudents = teachers.Select(t => 
    new StudentGroup(t.Id, t.Name, t.Students)
).ToList();

// 将groupedStudents赋值给ViewModel的对应属性（比如GroupedStudents）

3. 编写正确的XAML绑定代码 #

关键点：确保GroupHeaderTemplate和ItemTemplate的x:DataType指向正确类型，同时开启分组功能：

<!-- 注意替换local为你的命名空间 -->
<CollectionView ItemsSource="{Binding GroupedStudents}" IsGrouped="True">
    <!-- 教师组头模板 -->
    <CollectionView.GroupHeaderTemplate>
        <DataTemplate x:DataType="local:StudentGroup">
            <Label Text="{Binding TeacherName}" 
                   FontSize="Large" 
                   FontAttributes="Bold" 
                   Margin="10,8,10,4"/>
        </DataTemplate>
    </CollectionView.GroupHeaderTemplate>

    <!-- 学生项模板 -->
    <CollectionView.ItemTemplate>
        <DataTemplate x:DataType="local:Student">
            <Grid ColumnDefinitions="2*,1*,1*" 
                  Padding="10,4" 
                  Margin="0,0,0,2" 
                  BackgroundColor="#F5F5F5">
                <Label Grid.Column="0" Text="{Binding Name}"/>
                <Label Grid.Column="1" Text="{Binding Id, StringFormat='ID: {0:N}'}"/>
                <Label Grid.Column="2" Text="{Binding GPA, StringFormat='GPA: {0:F2}'}" 
                       HorizontalTextAlignment="End"/>
            </Grid>
        </DataTemplate>
    </CollectionView.ItemTemplate>

    <!-- 垂直布局避免嵌套CollectionView的排版问题 -->
    <CollectionView.ItemsLayout>
        <LinearItemsLayout Orientation="Vertical"/>
    </CollectionView.ItemsLayout>
</CollectionView>

4. 解决绑定报错/崩溃问题 #

• 绑定提示Name/GPA不存在：大概率是ItemTemplate的x:DataType错误指向了StudentGroup，而非Student，导致绑定路径查找对象错误。
• 添加x:DataType后崩溃：检查是否正确引入了自定义类的命名空间（即XAML中的local前缀对应的值），或分组类的属性未正确初始化。
• 嵌套CollectionView的排版问题：分组方案会自动处理组内项的布局，无需手动设置HeightRequest，彻底避免内容被异常推送的问题。

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