MAUI + Masa Blazor 开发界面跟随系统主题切换的App

1、安装Masa Blazor

参考: MASA Blazor 安装

2、编写代码

新建Service目录，并添加ThemeService.cs

该RequestedTheme 属性返回 AppTheme 枚举成员。 AppTheme 枚举定义下列成员：

Unspecified，指示设备使用的是未指定的主题。
Light，指示设备正在使用其浅色主题。
Dark，指示设备正在使用其深色主题。
设备上的系统主题可能会因各种原因而更改，具体取决于设备的配置方式。 当系统主题更改时，可以通过处理 Application.RequestedThemeChanged 事件来通知 .NET MAUI 应用。

namespace MauiMasaBlazorDemo.Service
{
   
    public class ThemeService
    {
   
        /// <summary>
        /// 获取当前系统主题
        /// </summary>
        /// <returns></returns>
        public AppTheme GetAppTheme()
        {
   
            return Application.Current!.RequestedTheme;
        }

        /// <summary>
        /// 系统主题切换
        /// </summary>
        /// <param name="handler"></param>
        public void ThemeChanged(EventHandler<AppThemeChangedEventArgs> handler)
        {
   
            Application.Current!.RequestedThemeChanged += handler;
        }
    }
}

在Platforms / Android /MainActivity.cs文件中 Activity的ConfigurationChanges需要包含ConfigChanges.UiMode，才能响应设备主题更改，使用 Visual Studio 项目模板创建的 .NET MAUI 应用会自动包含此标志。

[Activity(Theme = "@style/Maui.SplashTheme", 
    MainLauncher = true, 
     //Activity需要处理的配置变化，需要包含在ConfigurationChanges中
    ConfigurationChanges = ConfigChanges.ScreenSize | 
                           ConfigChanges.Orientation