如何在Xamarin Form Android端实现CheckBox的三态（含不确定状态）

我明白你在Android平台实现三态CheckBox时遇到了麻烦——毕竟Android原生CheckBox本身并不直接支持这种未选中/选中/不确定的三态行为，不过咱们可以通过自定义Renderer结合AppCompatCheckBox来搞定这个问题，下面是一步步的实现方案：

第一步：在共享项目中定义三态CheckBox控件 #

首先我们需要在共享项目里创建一个自定义的CheckBox控件，封装三态的状态管理，这样可以在跨平台中统一使用：

using Xamarin.Forms;

public enum CheckBoxState
{
    Unchecked,
    Checked,
    Indeterminate
}

public class ThreeStateCheckBox : CheckBox
{
    public static readonly BindableProperty CheckedStateProperty =
        BindableProperty.Create(
            nameof(CheckedState), 
            typeof(CheckBoxState), 
            typeof(ThreeStateCheckBox), 
            CheckBoxState.Unchecked,
            propertyChanged: OnCheckedStateChanged);

    public CheckBoxState CheckedState
    {
        get => (CheckBoxState)GetValue(CheckedStateProperty);
        set => SetValue(CheckedStateProperty, value);
    }

    private static void OnCheckedStateChanged(BindableObject bindable, object oldValue, object newValue)
    {
        var checkBox = (ThreeStateCheckBox)bindable;
        // 同步IsChecked属性和自定义状态
        switch ((CheckBoxState)newValue)
        {
            case CheckBoxState.Unchecked:
                checkBox.IsChecked = false;
                break;
            case CheckBoxState.Checked:
                checkBox.IsChecked = true;
                break;
            case CheckBoxState.Indeterminate:
                checkBox.IsChecked = null;
                break;
        }
    }
}

第二步：实现Android平台的自定义Renderer #

Android的AppCompatCheckBox原生支持Indeterminate（不确定）状态，我们可以基于它来做自定义Renderer：

首先确保你的Android项目已经引用了Xamarin.AndroidX.AppCompat NuGet包，然后创建Renderer类：

using Android.Content;
using AndroidX.AppCompat.Widget;
using YourAppNamespace; // 替换成你的共享项目命名空间
using YourAppNamespace.Droid.Renderers; // 替换成你的Android项目Renderer命名空间
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;

[assembly: ExportRenderer(typeof(ThreeStateCheckBox), typeof(ThreeStateCheckBoxRenderer))]
namespace YourAppNamespace.Droid.Renderers
{
    public class ThreeStateCheckBoxRenderer : CheckBoxRenderer
    {
        private ThreeStateCheckBox _element;
        private AppCompatCheckBox _nativeCheckBox;

        public ThreeStateCheckBoxRenderer(Context context) : base(context)
        {
        }

        protected override void OnElementChanged(ElementChangedEventArgs<CheckBox> e)
        {
            base.OnElementChanged(e);

            if (e.NewElement != null)
            {
                _element = (ThreeStateCheckBox)e.NewElement;
                _nativeCheckBox = Control as AppCompatCheckBox;

                // 绑定点击事件，实现状态循环切换
                _nativeCheckBox.Click += OnCheckBoxClicked;
                // 初始化状态
                UpdateNativeCheckBoxState();
            }
            else
            {
                if (_nativeCheckBox != null)
                {
                    _nativeCheckBox.Click -= OnCheckBoxClicked;
                }
            }
        }

        protected override void OnElementPropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
        {
            base.OnElementPropertyChanged(sender, e);

            if (e.PropertyName == ThreeStateCheckBox.CheckedStateProperty.PropertyName)
            {
                UpdateNativeCheckBoxState();
            }
        }

        private void OnCheckBoxClicked(object sender, System.EventArgs e)
        {
            // 点击时循环切换状态：未选中 → 选中 → 不确定 → 未选中
            switch (_element.CheckedState)
            {
                case CheckBoxState.Unchecked:
                    _element.CheckedState = CheckBoxState.Checked;
                    break;
                case CheckBoxState.Checked:
                    _element.CheckedState = CheckBoxState.Indeterminate;
                    break;
                case CheckBoxState.Indeterminate:
                    _element.CheckedState = CheckBoxState.Unchecked;
                    break;
            }
        }

        private void UpdateNativeCheckBoxState()
        {
            switch (_element.CheckedState)
            {
                case CheckBoxState.Unchecked:
                    _nativeCheckBox.Checked = false;
                    _nativeCheckBox.Indeterminate = false;
                    break;
                case CheckBoxState.Checked:
                    _nativeCheckBox.Checked = true;
                    _nativeCheckBox.Indeterminate = false;
                    break;
                case CheckBoxState.Indeterminate:
                    _nativeCheckBox.Indeterminate = true;
                    break;
            }
        }
    }
}

第三步：自定义三态图标（可选） #

如果你对原生的不确定状态图标不满意，可以自定义三个状态的图标：

1. 在Android项目的Resources/drawable目录下创建一个名为checkbox_three_state.xml的Selector文件：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 选中状态图标 -->
    <item android:state_checked="true" android:drawable="@drawable/ic_checkbox_checked" />
    <!-- 不确定状态图标 -->
    <item android:state_indeterminate="true" android:drawable="@drawable/ic_checkbox_indeterminate" />
    <!-- 未选中状态图标 -->
    <item android:drawable="@drawable/ic_checkbox_unchecked" />
</selector>

2. 将你的三个图标（ic_checkbox_checked.png、ic_checkbox_indeterminate.png、ic_checkbox_unchecked.png）放到Resources/drawable目录。

3. 在Renderer的OnElementChanged方法中添加一行代码，替换原生按钮的Drawable：

_nativeCheckBox.SetButtonDrawable(Resource.Drawable.checkbox_three_state);

使用示例 #

在XAML中直接使用自定义的三态CheckBox：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:YourAppNamespace"
             x:Class="YourAppNamespace.MainPage">

    <StackLayout>
        <!-- 初始化为不确定状态 -->
        <local:ThreeStateCheckBox CheckedState="Indeterminate" />
        <!-- 绑定CheckedState到ViewModel属性 -->
        <local:ThreeStateCheckBox CheckedState="{Binding MyCheckedState}" />
    </StackLayout>
</ContentPage>

这样就能在Android平台实现和UWP一致的三态CheckBox功能啦！

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