如何在MAUI中将复选框设置为圆形以替代存在问题的单选按钮？

针对你因MAUI RadioButton已知问题改用CheckBox，并需要将其改为圆形外观的需求，以下是两种简便可行的实现方案：

方法一：使用ControlTemplate定义跨平台圆形CheckBox #

这是MAUI原生支持的方式，无需依赖平台特定代码，跨平台通用：

步骤1：定义圆形CheckBox的控件模板 #

在页面的Resources中添加自定义ControlTemplate：

<ContentPage.Resources>
    <ControlTemplate x:Key="CircularCheckBoxTemplate">
        <Grid WidthRequest="24" HeightRequest="24">
            <!-- 未选中状态的圆形边框 -->
            <Ellipse Stroke="{TemplateBinding BorderColor}" 
                     StrokeThickness="{TemplateBinding BorderThickness}"
                     Fill="Transparent"/>
            <!-- 选中状态的实心圆点 -->
            <Ellipse x:Name="CheckMark" 
                     Fill="{TemplateBinding Color}"
                     WidthRequest="12" HeightRequest="12"
                     HorizontalOptions="Center"
                     VerticalOptions="Center"
                     IsVisible="{TemplateBinding IsChecked}"/>
        </Grid>
    </ControlTemplate>
</ContentPage.Resources>

步骤2：应用模板到CheckBox #

直接在布局中使用该模板：

<CheckBox ControlTemplate="{StaticResource CircularCheckBoxTemplate}"
          IsChecked="False"
          BorderColor="#666"
          Color="#007AFF" />

这个模板通过两个Ellipse分别实现未选中的圆形边框和选中的实心圆点，完全贴合RadioButton的视觉效果。

方法二：实现单选逻辑（模仿RadioButton组行为） #

由于CheckBox默认是多选控件，需要手动添加单选逻辑，确保同一组内只有一个选项被选中：

代码实现单选逻辑 #

在页面的后台代码中添加事件处理方法：

private void OnCheckBoxCheckedChanged(object sender, CheckedChangedEventArgs e)
{
    if (!e.Value) return;

    var selectedCheckBox = sender as CheckBox;
    // 替换为你的CheckBox所在的父容器（如StackLayout、Grid等）
    var checkBoxGroup = CheckBoxContainer.Children.OfType<CheckBox>();
    
    foreach (var cb in checkBoxGroup)
    {
        if (cb != selectedCheckBox)
        {
            cb.IsChecked = false;
        }
    }
}

绑定事件到CheckBox #

将所有同组的CheckBox绑定到该事件：

<StackLayout x:Name="CheckBoxContainer">
    <CheckBox ControlTemplate="{StaticResource CircularCheckBoxTemplate}"
              CheckedChanged="OnCheckBoxCheckedChanged" />
    <CheckBox ControlTemplate="{StaticResource CircularCheckBoxTemplate}"
              CheckedChanged="OnCheckBoxCheckedChanged" />
</StackLayout>

可选：平台特定自定义Handler（进阶） #

如果需要更精细的平台级样式控制，可以自定义CheckBox Handler，以Android为例：

1. 在Android项目的Resources/drawable目录下创建circular_checkbox.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <shape android:shape="oval">
            <solid android:color="#007AFF"/>
            <size android:width="24dp" android:height="24dp"/>
        </shape>
    </item>
    <item android:state_checked="false">
        <shape android:shape="oval">
            <stroke android:color="#666" android:width="2dp"/>
            <solid android:color="@android:color/transparent"/>
            <size android:width="24dp" android:height="24dp"/>
        </shape>
    </item>
</selector>

2. 创建自定义Handler：

using Microsoft.Maui.Handlers;
using Android.Widget;

namespace YourAppName.Handlers;

public class CircularCheckBoxHandler : CheckBoxHandler
{
    protected override void ConnectHandler(CheckBox platformView)
    {
        base.ConnectHandler(platformView);
        platformView.ButtonDrawable = Context.GetDrawable(Resource.Drawable.circular_checkbox);
    }
}

3. 在MauiProgram.cs中注册Handler：

builder.ConfigureMauiHandlers(handlers =>
{
#if ANDROID
    handlers.AddHandler<CheckBox, CircularCheckBoxHandler>();
#endif
});

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