Xamarin ListView中RadioButton如何从ViewModel绑定GroupName属性

问题背景 #

现有公开的RadioButton使用示例均为XAML硬编码属性值，当需要从数据库加载字符串列表作为单选选项时，动态配置GroupName会遇到以下问题：

• 直接硬编码RadioButton的GroupName属性可正常运行，但Xamarin.Forms中GroupName为全局匹配规则，相同字符串的RadioButton无论布局层级都会归属同一分组，导致页面多组单选无法独立生效
• 在外层StackLayout上设置RadioButtonGroup.GroupName后移除RadioButton自身的GroupName配置，调试时获取到的GroupName值为null，分组逻辑失效
• 目标为绑定ChoiceViewModel的Code属性作为对应单选组的唯一分组名，需要正确的绑定写法或可落地的DataTemplate实现方案

原有问题代码片段 #

<DataTemplate x:Key="RadioTemplate">
    <StackLayout>
        <Label 
            Text="{Binding Name}"
            Style="{StaticResource LabelStyle}">
        </Label>
        <ListView ItemsSource="{Binding Choices.Choices}">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <RadioButton Value="{Binding}"
                                Content="{Binding}"
                                GroupName="someGroupName"
                                CheckedChanged="OnRadioChanged">
                        </RadioButton>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </StackLayout>
</DataTemplate>

配套ViewModel代码包含三层：MainPageViewModel承载字段列表、FieldViewModel承载单个字段元数据与选中值、ChoiceViewModel承载选项列表与分组编码。

可行解决方案 #

绑定失败的核心原因：ListView的ItemTemplate内的绑定上下文为Choices集合中的单个字符串选项，本身不存在Code属性，直接写普通绑定无法访问到上层ChoiceViewModel实例；父级附加属性不生效是因为属性设置层级错误、未做正确的绑定指向。

前置要求：确保项目使用的Xamarin.Forms版本 >= 5.0.0.2012，低版本不支持RadioButtonGroup附加属性的继承逻辑。

方案1：直接绑定GroupName（推荐，改动最小） #

给承载选项的ListView增加命名引用，RadioButton通过引用指向ListView的绑定上下文，取对应分组编码即可，代码如下：

<DataTemplate x:Key="RadioTemplate">
    <StackLayout>
        <Label 
            Text="{Binding Name}"
            Style="{StaticResource LabelStyle}">
        </Label>
        <!-- 给ListView加x:Name用于绑定源引用 -->
        <ListView ItemsSource="{Binding Choices.Choices}"
                  x:Name="RadioOptionsList">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <RadioButton Value="{Binding}"
                                     Content="{Binding}"
                                     GroupName="{Binding BindingContext.Choices.Code, Source={x:Reference RadioOptionsList}}"
                                     CheckedChanged="OnRadioChecked">
                        </RadioButton>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </StackLayout>
</DataTemplate>

如果不想用x:Name引用，也可以通过相对源查找父级ListView实现绑定，注意部分Xamarin.Forms旧版本存在相对源查找bug，优先使用x:Reference写法：

<RadioButton Value="{Binding}"
             Content="{Binding}"
             GroupName="{Binding BindingContext.Choices.Code, RelativeSource={RelativeSource AncestorType={x:Type ListView}}}"
             CheckedChanged="OnRadioChecked">
</RadioButton>

方案2：使用RadioButtonGroup附加属性 #

之前尝试的附加属性写法需要调整设置层级，把附加属性绑定到ItemTemplate内的根容器上，子RadioButton无需单独设置GroupName：

<DataTemplate x:Key="RadioTemplate">
    <StackLayout>
        <Label 
            Text="{Binding Name}"
            Style="{StaticResource LabelStyle}">
        </Label>
        <ListView ItemsSource="{Binding Choices.Choices}"
                  x:Name="RadioOptionsList">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <!-- 附加属性设置在单元格根容器，绑定正确的分组名 -->
                        <StackLayout RadioButtonGroup.GroupName="{Binding BindingContext.Choices.Code, Source={x:Reference RadioOptionsList}}">
                            <RadioButton Value="{Binding}"
                                         Content="{Binding}"
                                         CheckedChanged="OnRadioChecked">
                            </RadioButton>
                        </StackLayout>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </StackLayout>
</DataTemplate>

选中值同步逻辑补全 #

FieldViewModel中预留的选中变更事件补全即可，不需要额外逻辑：

public void OnRadioChecked(object sender, CheckedChangedEventArgs e)
{
    // 仅处理选中状态事件，忽略取消选中的触发
    if (e.Value)
    {
        Value = (sender as RadioButton)?.Value?.ToString();
    }
}

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