在Android开发时如何让app内ui随着系统深色浅色模式而改变-摩杜云开发者社区

在Android开发时如何让app内ui随着系统深色浅色模式而改变

介绍

深色模式和浅色模式是现代操作系统中常见的主题模式之一。在Android开发中，我们可以让app的UI跟随系统的深色浅色模式而改变，以提供更好的用户体验。本文将介绍如何在Android应用中实现这个功能。

检测系统模式

首先，我们需要检测系统的深色浅色模式。从Android 10（API级别29）开始，Android提供了一个新的UiModeManager类，它可以用于检测当前系统的模式。我们可以通过以下代码获取当前模式：

val uiModeManager = context.getSystemService(Context.UI_MODE_SERVICE) as UiModeManager
val currentMode = uiModeManager.nightMode

currentMode 可以是以下值之一：

UiModeManager.MODE_NIGHT_NO：浅色模式
UiModeManager.MODE_NIGHT_YES：深色模式
UiModeManager.MODE_NIGHT_FOLLOW_SYSTEM：跟随系统模式

在布局中设置深色浅色主题

一旦我们获取了当前的系统模式，我们可以根据需要为我们的UI设置相应的主题。在Android中，可以使用AppCompat库来支持深色浅色主题。

首先，在styles.xml文件中定义深色和浅色主题：

<style name="AppTheme" parent="Theme.AppCompat.Light">
    <!-- 浅色主题的配置 -->
    ...
</style>

<style name="AppTheme.Dark" parent="Theme.AppCompat">
    <!-- 深色主题的配置 -->
    ...
</style>

接下来，在AndroidManifest.xml文件中，为应用程序指定使用的主题：

<application
    ...
    android:theme="@style/AppTheme">
    ...
</application>

根据系统模式动态切换主题

要实现根据系统模式动态切换主题，我们可以使用AppCompatDelegate.setDefaultNightMode()方法。在应用启动时，我们将根据系统模式设置适当的主题。

val uiModeManager = context.getSystemService(Context.UI_MODE_SERVICE) as UiModeManager
val currentMode = uiModeManager.nightMode

// 根据系统模式设置主题
AppCompatDelegate.setDefaultNightMode(currentMode)

当系统的深色浅色模式发生变化时，我们还需要更新应用的主题。我们可以通过监听系统广播来实现这一点。

首先，在 AndroidManifest.xml 文件中，添加一个广播接收器：

<receiver
   android:name=".ThemeChangeReceiver"
   android:enabled="true"
   android:exported="false">
   <intent-filter>
       <action android:name="android.intent.action.CONFIGURATION_CHANGED" />
   </intent-filter>
</receiver>

然后，在我们的应用中创建一个广播接收器类 ThemeChangeReceiver：

class ThemeChangeReceiver : BroadcastReceiver() {
    override fun onReceive(context: Context?, intent: Intent?) {
        if (intent?.action == Intent.ACTION_CONFIGURATION_CHANGED) {
            // 获取当前系统模式
            val uiModeManager = context?.getSystemService(Context.UI_MODE_SERVICE) as UiModeManager
            val currentMode = uiModeManager.nightMode

            // 根据系统模式切换主题
            AppCompatDelegate.setDefaultNightMode(currentMode)
        }
    }
}

通过以上步骤，我们可以在应用内实时跟随系统模式切换深色浅色主题。

流程图

flowchart TD
    A[获取系统模式] --> B{系统模式是否发生变化}
    B -- 是 --> C[切换主题]
    C --> D[结束]
    B -- 否 --> D[结束]

结论

通过上述步骤，我们可以在Android应用程序中实现跟随系统深色浅色模式的UI变化。通过检测系统模式并根据其切换主题，可以为用户提供更好的使用体验。