.NET MAUI嵌套绑定实现及单选/复选控件显示问题

1. 确认嵌套模型结构 #

先保证QuestionBlock的嵌套结构正确，包含问题实体和对应答案集合：

public class QuestionBlock
{
    public Question Question { get; set; }
    public List<Answer> Answers { get; set; }
}

public class Question
{
    public int Id { get; set; }
    public string QuestionType { get; set; } // 比如填"SingleChoice"或"MultipleChoice"
    public string Content { get; set; }
}

public class Answer
{
    public int Id { get; set; }
    public string Content { get; set; }
    public bool IsSelected { get; set; }
}

ViewModel里用ObservableCollection<QuestionBlock>作为CarouselView的绑定源：

public ObservableCollection<QuestionBlock> QuestionBlocks { get; set; } = new();

2. 修复IsVisible绑定上下文问题 #

问题根源是CollectionView的ItemTemplate默认上下文是Answer对象，而QuestionType属于父级的Question，必须通过RelativeSource向上查找正确的绑定上下文：

<CarouselView ItemsSource="{Binding QuestionBlocks}">
    <CarouselView.ItemTemplate>
        <DataTemplate>
            <VerticalStackLayout>
                <Label Text="{Binding Question.Content}" />
                <!-- 答案列表 -->
                <CollectionView ItemsSource="{Binding Answers}">
                    <CollectionView.ItemTemplate>
                        <DataTemplate>
                            <HorizontalStackLayout>
                                <!-- 单选按钮：仅QuestionType为SingleChoice时显示 -->
                                <RadioButton IsChecked="{Binding IsSelected}"
                                             IsVisible="{Binding Source={RelativeSource AncestorType={x:Type model:QuestionBlock}}, Path=Question.QuestionType, Converter={StaticResource QuestionTypeToVisibilityConverter}, ConverterParameter=SingleChoice}" />
                                <!-- 复选框：仅QuestionType为MultipleChoice时显示 -->
                                <CheckBox IsChecked="{Binding IsSelected}"
                                           IsVisible="{Binding Source={RelativeSource AncestorType={x:Type model:QuestionBlock}}, Path=Question.QuestionType, Converter={StaticResource QuestionTypeToVisibilityConverter}, ConverterParameter=MultipleChoice}" />
                                <Label Text="{Binding Content}" />
                            </HorizontalStackLayout>
                        </DataTemplate>
                    </CollectionView.ItemTemplate>
                </CollectionView>
            </VerticalStackLayout>
        </DataTemplate>
    </CarouselView.ItemTemplate>
</CarouselView>

3. 实现类型转换转换器 #

写一个IValueConverter，把QuestionType字符串转成Visibility枚举，结合参数判断显示哪种控件：

public class QuestionTypeToVisibilityConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is string questionType && parameter is string targetTypeStr)
        {
            return questionType.Equals(targetTypeStr, StringComparison.OrdinalIgnoreCase) ? Visibility.Visible : Visibility.Collapsed;
        }
        return Visibility.Collapsed;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

在XAML资源里声明转换器（记得引入对应命名空间）：

<ContentPage.Resources>
    <converters:QuestionTypeToVisibilityConverter x:Key="QuestionTypeToVisibilityConverter" />
</ContentPage.Resources>

4. 更灵活的替代方案：用DataTemplateSelector #

如果觉得转换器不够灵活，可以直接根据QuestionType切换答案项模板：
先在XAML资源里定义两个模板和选择器：

<ContentPage.Resources>
    <DataTemplate x:Key="SingleChoiceTemplate">
        <HorizontalStackLayout>
            <RadioButton IsChecked="{Binding IsSelected}" />
            <Label Text="{Binding Content}" />
        </HorizontalStackLayout>
    </DataTemplate>

    <DataTemplate x:Key="MultipleChoiceTemplate">
        <HorizontalStackLayout>
            <CheckBox IsChecked="{Binding IsSelected}" />
            <Label Text="{Binding Content}" />
        </HorizontalStackLayout>
    </DataTemplate>

    <converters:AnswerTemplateSelector x:Key="AnswerTemplateSelector"
                                       SingleChoiceTemplate="{StaticResource SingleChoiceTemplate}"
                                       MultipleChoiceTemplate="{StaticResource MultipleChoiceTemplate}" />
</ContentPage.Resources>

然后实现选择器类，通过父级控件查找QuestionBlock：

public class AnswerTemplateSelector : DataTemplateSelector
{
    public DataTemplate SingleChoiceTemplate { get; set; }
    public DataTemplate MultipleChoiceTemplate { get; set; }

    protected override DataTemplate OnSelectTemplate(object item, BindableObject container)
    {
        var viewCell = container as ViewCell;
        var collectionView = viewCell?.Parent as CollectionView;
        var questionBlock = collectionView?.BindingContext as QuestionBlock;

        if (questionBlock != null)
        {
            return questionBlock.Question.QuestionType.Equals("SingleChoice", StringComparison.OrdinalIgnoreCase) 
                ? SingleChoiceTemplate 
                : MultipleChoiceTemplate;
        }
        return base.OnSelectTemplate(item, container);
    }
}

最后给CollectionView设置模板选择器：

<CollectionView ItemsSource="{Binding Answers}"
                ItemTemplateSelector="{StaticResource AnswerTemplateSelector}" />

5. 绑定诊断额外检查 #

• 确保所有绑定属性都是公共属性，ViewModel实现INotifyPropertyChanged接口，属性变更时触发PropertyChanged事件。
• 检查XAML里的命名空间是否正确引入（模型、转换器的命名空间）。
• 可以在Visual Studio输出窗口查看绑定诊断的详细错误信息，定位具体哪个属性找不到。

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