如何让Xamarin.Forms中Android Spinner日期选择器适配明暗模式

当前使用Xamarin.Forms 5.0.0.2515，需要将Android端DatePicker改为spinner模式，但配置样式后弹窗始终显示深色背景，无法跟随系统明暗模式切换。默认的日历样式弹窗可正常适配主题，尝试了两种配置方式都未解决问题：

尝试的配置及问题 #

第一种配置：通过datePickerDialogTheme指定Spinner模式 #

styles.xml代码：

<?xml version="1.0" encoding="utf-8" ?>
<resources>

    <style name="MainTheme" parent="MainTheme.Base">
        <item name="android:datePickerDialogTheme">@style/Theme.picker</item>
    </style>

    <style name="Theme.picker" parent="android:Theme.Material.Dialog">
        <item name="android:datePickerStyle">@style/MyDatePicker</item>
    </style>
    <style name="MyDatePicker" parent="android:Widget.Material.DatePicker">
        <item name="android:datePickerMode">spinner</item>
    </style>
</resources>

• 问题：弹窗背景固定为深色，不随系统明暗模式变化；若移除Theme.picker的parent属性，会报错：

resource style/Theme (aka com.xxxxx.android:style/Theme) not found. xxxxx.Android           

第二种配置：直接在主样式设置datePickerMode #

styles.xml代码：

<?xml version="1.0" encoding="utf-8" ?>
<resources>
    <style name="MainTheme" parent="MainTheme.Base">
        <item name="android:datePickerMode">spinner</item>
    </style>
</resources>

• 问题：DatePicker仍显示为日历模式，仅样式适配正常，模式未切换。

另外，曾使用Xamarin.Forms Renderers修改控件外观，但仅能修改Date文本框，不知道如何修改点击弹出的选择器。需求是实现Spinner模式的DatePicker像日历视图一样自动适配系统明暗模式，代码实现方式也可接受。

解决方案 #

方法一：使用动态主题父类适配明暗模式 #

修改styles.xml，让选择器主题继承支持动态切换的主题父类，替代固定的android:Theme.Material.Dialog，这样弹窗会自动跟随系统明暗模式：

<?xml version="1.0" encoding="utf-8" ?>
<resources>
    <style name="MainTheme" parent="MainTheme.Base">
        <item name="android:datePickerDialogTheme">@style/Theme.Picker</item>
    </style>

    <!-- 继承动态主题，自动适配明暗模式 -->
    <style name="Theme.Picker" parent="Theme.MaterialComponents.Dialog">
        <item name="android:datePickerStyle">@style/MyDatePicker</item>
    </style>

    <style name="MyDatePicker" parent="Widget.MaterialComponents.DatePicker">
        <item name="android:datePickerMode">spinner</item>
        <!-- 可选：绑定系统窗口背景色，确保跟随主题变化 -->
        <item name="android:background">?android:attr/windowBackground</item>
    </style>
</resources>

注意：若项目使用AppCompat主题，将父类替换为Theme.AppCompat.Dialog，确保与项目主主题一致。

方法二：自定义Renderer控制弹窗样式 #

如果样式配置不生效，可通过自定义Renderer创建Spinner模式的DatePickerDialog，并绑定系统主题：

1. 在Android项目中创建自定义Renderer：

using Android.App;
using Android.Content;
using Android.Widget;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;

[assembly: ExportRenderer(typeof(DatePicker), typeof(CustomDatePickerRenderer))]
namespace YourAppNamespace.Droid.Renderers
{
    public class CustomDatePickerRenderer : DatePickerRenderer
    {
        public CustomDatePickerRenderer(Context context) : base(context)
        {
        }

        protected override DatePickerDialog CreateDatePickerDialog(int year, int month, int day)
        {
            // 使用系统主题创建Dialog，确保适配明暗模式
            var dialog = new DatePickerDialog(Context, 
                Context.Theme.ResolveAttribute(Resource.Attribute.datePickerDialogTheme, out _, true) ? Context.Theme : null, 
                OnDateSet, year, month, day);
            
            // 强制设置为Spinner模式
            var datePicker = dialog.DatePicker;
            datePicker.CalendarViewShown = false;
            datePicker.SpinnersShown = true;

            return dialog;
        }

        void OnDateSet(object sender, DatePickerDialog.DateSetEventArgs e)
        {
            Element.Date = e.Date;
            ((IElementController)Element).SetValueFromRenderer(VisualElement.IsFocusedProperty, false);
        }
    }
}

2. 确保项目主主题已配置明暗模式适配（例如MainTheme.Base继承Theme.MaterialComponents.Light.DarkActionBar.Bridge这类支持动态主题的父类）。

关键注意点 #

• 避免使用固定的静态主题（如android:Theme.Material.Dialog），这类主题不会跟随系统明暗模式切换，需使用支持动态切换的主题父类。
• 自定义Renderer时，直接绑定系统主题创建Dialog，确保弹窗样式与系统主题同步。

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