BindableLayout中Label文本绑定Int32值失效问题排查

我尝试用BindableLayout结合Int32数组作为ItemSource创建单选按钮组，代码如下：

<FlexLayout Direction="Row" JustifyContent="SpaceEvenly" AlignItems="Center" 
             RadioButtonGroup.GroupName="{Binding GroupName}"
             RadioButtonGroup.SelectedValue="{Binding Rating}">

    <BindableLayout.ItemsSource>
        <x:Array Type="{x:Type x:Int32}">
            <x:Int32>1</x:Int32>
            <x:Int32>2</x:Int32>
            <x:Int32>3</x:Int32>
            <x:Int32>4</x:Int32>
            <x:Int32>5</x:Int32>
        </x:Array>
    </BindableLayout.ItemsSource>
    <BindableLayout.ItemTemplate>

        <DataTemplate>
            <RadioButton Value="{Binding .}">
                <RadioButton.Content>
                    <Label Text="{Binding .}" Style="{StaticResource RatingButtonLabel}" />
                </RadioButton.Content>
            </RadioButton>
        </DataTemplate>
        
    </BindableLayout.ItemTemplate>
</FlexLayout>

当前问题：RadioButton的Value绑定正常，但Label文本无法显示；若将Label的Text设为常量（如"Test"）则能正常渲染。

我为单选按钮使用了ControlTemplate，代码如下：

<ContentView.Resources>
    <ControlTemplate x:Key="RadioButtonTemplate">
        <Border 
             Stroke="Purple"
             StrokeThickness="3"
             Padding="0"
             StrokeShape="Ellipse 40, 40">
            <VisualStateManager.VisualStateGroups>
                ... 省略部分代码
            </VisualStateManager.VisualStateGroups>

            <Grid x:Name="content" BackgroundColor="Blue" Margin="2">
                <ContentPresenter />
            </Grid>
        </Border>
    </ControlTemplate>

    <Style TargetType="RadioButton">
        <Setter Property="ControlTemplate"
              Value="{StaticResource RadioButtonTemplate}" />
    </Style>

    <Style TargetType="Label" x:Key="RatingButtonLabel">
        <Setter Property="TextColor" Value="Black" />
    </Style>
</ContentView.Resources>

目前仅在Android上测试，尝试添加IValueConverter但传入的值始终为null，请问问题出在哪里？

原因分析 #

问题核心是ControlTemplate中的ContentPresenter未正确传递数据上下文。当给RadioButton设置自定义ControlTemplate后，ContentPresenter默认的BindingContext是RadioButton本身（TemplatedParent），而非RadioButton.Content的原始BindingContext（也就是数组中的Int32值）。这就导致Label的{Binding .}绑定的是RadioButton对象，而非预期的数字，所以文本无法显示；使用IValueConverter时传入null也是同样的原因。

解决方法 #

以下三种方案均可解决问题，按需选择：

方案1：修改ControlTemplate的ContentPresenter #

显式指定ContentPresenter的BindingContext为RadioButton.Content的BindingContext：

<ContentPresenter BindingContext="{TemplateBinding Content.BindingContext}" />

方案2：调整ItemTemplate中Label的绑定 #

直接让Label绑定RadioButton的Value属性（通过RelativeSource），无需修改ControlTemplate：

<Label Text="{Binding Value, Source={RelativeSource AncestorType={x:Type RadioButton}}}" 
       Style="{StaticResource RatingButtonLabel}" />

方案3：同时绑定Content和BindingContext #

在ControlTemplate中，让ContentPresenter同时绑定Content和对应的BindingContext：

<ContentPresenter Content="{TemplateBinding Content}" 
                  BindingContext="{TemplateBinding Content.BindingContext}" />

验证说明 #

以上方案在Android环境下均可正常渲染Label文本。其中方案2无需改动ControlTemplate，实现更直接；方案1和3则从模板层面修复了数据上下文传递问题，适合需要复用ControlTemplate的场景。

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