MAUI中XAML自定义ControlTemplate的单选按钮在Android上无法点击

问题原因 #

在Android平台上，自定义ControlTemplate时，顶层容器（如示例中的Frame）会拦截点击事件，导致底层的RadioButton无法接收触发信号，最终出现样式正常但无法交互的情况。

解决方案 #

在ControlTemplate的可交互区域添加TapGestureRecognizer，显式绑定到RadioButton的ToggleCommand，确保点击事件能正确触发单选按钮的状态切换。

修改后的完整代码如下：

<ContentPage.Resources>
    <ControlTemplate x:Key="FrameRadioTemplate">
        <Frame Padding="0" BorderColor="#006A97" CornerRadius="1"       
               VerticalOptions="CenterAndExpand"
               HeightRequest="40" WidthRequest="80" HorizontalOptions="Start">

            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="CheckedStates">
                    <VisualState x:Name="Checked">
                        <VisualState.Setters>
                            <Setter Property="BackgroundColor" Value="#008000"/>
                        </VisualState.Setters>
                    </VisualState>
                    <VisualState x:Name="Unchecked">
                        <VisualState.Setters>
                            <Setter Property="BackgroundColor" Value="#ffffff"/>
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>
            
            <Grid WidthRequest="70">
                <ContentPresenter/>
                <!-- 绑定Tap手势到RadioButton的切换命令 -->
                <TapGestureRecognizer Command="{TemplateBinding ToggleCommand}"/>
            </Grid>
        </Frame>
    </ControlTemplate>
</ContentPage.Resources>

额外检查项 #

• 确认RadioButton的IsEnabled属性为True（默认值即为True，若无修改可忽略）。
• 确保同组RadioButton已正确设置GroupName，保证单选互斥性（Windows端正常则此项无问题）。

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