.NET MAUI中Android深色模式样式覆盖Splash主题及模式切换咨询

问题背景 #

我创建了一个包含原生Android DatePicker的.NET MAUI应用，在Platforms/Android/Resources目录下设有values和values-night文件夹，分别存放DatePicker亮色、深色模式的styles.xml文件，二者仅颜色配置不同。但当启用values-night下的styles.xml时，它会覆盖Maui.SplashTheme的其他样式，导致设备处于深色模式时，日期选择器以外的UI出现异常变更。

当前代码 #

values/styles.xml #

<?xml version="1.0" encoding="UTF-8" ?>
<resources> 
    <style name="Maui.MainTheme" parent="Theme.MaterialComponents.DayNight">  
        <item name="android:datePickerDialogTheme">@style/CustomDatePickerDialog</item>  
    </style> 

    <style name="CustomDatePickerDialog" parent="Theme.AppCompat.Light">  
         <item name="android:windowIsFloating">true</item>  
         <item name="colorAccent">#ff0000</item>  
         <item name="android:colorBackground">#0000ff</item>  
    </style> 
</resources>

values-night/styles.xml #

<?xml version="1.0" encoding="UTF-8" ?>
<resources> 
    <style name="Maui.MainTheme" parent="Theme.MaterialComponents.DayNight">  
        <item name="android:datePickerDialogTheme">@style/CustomDatePickerDialog</item>  
    </style> 

    <style name="CustomDatePickerDialog" parent="Theme.AppCompat.Light">  
         <item name="android:windowIsFloating">true</item>  
         <item name="colorAccent">#000000</item>  
         <item name="android:colorBackground">#00ffff</item>  
    </style> 
</resources>

MainActivity配置 #

[Activity(Theme = "@style/Maui.SplashTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation | ConfigChanges.UiMode | ConfigChanges.ScreenLayout | ConfigChanges.SmallestScreenSize)]

XAML页面中的DatePicker #

<DatePicker MinimumDate="01/01/2022"
            MaximumDate="12/31/2022"
            Date="06/21/2022" />

修复建议 #

1. 避免覆盖全局主题 #

问题根源是values-night/styles.xml中重新定义了Maui.MainTheme，这会覆盖MAUI默认的深色主题配置，导致全局UI异常。正确做法是仅自定义DatePickerDialog主题，不重新定义全局的Maui.MainTheme：

修改values/styles.xml：

<?xml version="1.0" encoding="UTF-8" ?>
<resources> 
    <style name="CustomDatePickerDialog" parent="Theme.AppCompat.Light">  
         <item name="android:windowIsFloating">true</item>  
         <item name="colorAccent">#ff0000</item>  
         <item name="android:colorBackground">#0000ff</item>  
    </style> 
</resources>

修改values-night/styles.xml：

<?xml version="1.0" encoding="UTF-8" ?>
<resources> 
    <style name="CustomDatePickerDialog" parent="Theme.AppCompat.Light">  
         <item name="android:windowIsFloating">true</item>  
         <item name="colorAccent">#000000</item>  
         <item name="android:colorBackground">#00ffff</item>  
    </style> 
</resources>

然后在Platforms/Android/Resources/values/styles.xml中找到默认的Maui.MainTheme（无则创建，确保继承MAUI基础主题），仅添加datePickerDialogTheme引用：

<style name="Maui.MainTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    <!-- 保留MAUI默认配置，仅添加此行 -->
    <item name="android:datePickerDialogTheme">@style/CustomDatePickerDialog</item>
</style>

这样全局主题不会被深色模式样式文件覆盖，仅DatePickerDialog样式会随模式切换。

2. 确认主题继承关系 #

确保Maui.MainTheme正确继承MAUI基础主题（如Theme.MaterialComponents.DayNight.NoActionBar），避免丢失MAUI默认样式配置。

关于手动切换明暗模式的问题 #

.NET MAUI Android端可以手动切换明暗模式，无需依赖系统设置，实现方式如下：

1. 代码强制设置全局主题模式 #

在MainActivity或自定义MauiApplication中，通过代码切换夜间模式：

using Android.App;
using Android.Content.Res;

// 切换为深色模式
AppCompatDelegate.DefaultNightMode = AppCompatDelegate.ModeNightYes;
// 切换为浅色模式
AppCompatDelegate.DefaultNightMode = AppCompatDelegate.ModeNightNo;
// 跟随系统
AppCompatDelegate.DefaultNightMode = AppCompatDelegate.ModeNightFollowSystem;

调用后应用会立即切换主题模式，同时触发MAUI主题变更事件，界面自动更新。

2. 配合MAUI主题系统 #

可在MAUI项目中定义自定义主题资源字典，结合Android端设置实现跨平台手动切换逻辑，比如在App.xaml中分别定义浅色、深色资源，根据Android端模式加载对应资源。

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