Android 监听白天黑夜模式

原创

mob64ca12da2d62 2024-10-26 06:44:10 ©著作权

文章标签 Android xml java 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12da2d62的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android 监听白天黑夜模式

在现代的 Android 应用开发中，用户体验变得尤为重要。随着越来越多的用户习惯在夜间使用手机，白天黑夜模式的引入让应用能够在不同光照条件下提供更合适的视觉体验。本文将介绍如何在 Android 应用中监听和适应白天黑夜模式，以及相关代码示例。

白天黑夜模式的基本概念

白天模式（Light Mode）通常使用较浅的背景颜色和较深的字体颜色，而黑夜模式（Dark Mode）则相反，使用深色背景和浅色字体。这种设计不仅能保护用户的眼睛，还能在某种程度上节省手机电池。

从 Android 10（API 级别 29）开始，系统提供了内置的黑暗模式，用户可以在“设置”中轻松切换。为了让我们的应用适应这些变化，我们需要监听主题的变化。

监听主题变化

我们可以通过重写 onConfigurationChanged() 方法来监听系统主题变化。这通常是在 Activity 或 Fragment 中实施的。以下是一个简单的示例：

@Override
public void onConfigurationChanged(Configuration newConfig) {
    super.onConfigurationChanged(newConfig);
    
    if (newConfig.uiMode == Configuration.UI_MODE_NIGHT_YES) {
        // 切换到黑夜模式
        setDarkTheme();
    } else {
        // 切换到白天模式
        setLightTheme();
    }
}

在上述代码中，我们通过判断 newConfig.uiMode 来确定当前模式。如果返回值是 Configuration.UI_MODE_NIGHT_YES，则表示当前为黑暗模式，调用 setDarkTheme() 方法；否则，调用 setLightTheme() 方法切换到白天模式。

使用资源文件

为了更好地管理主题切换，我们可以利用 Android 的资源文件系统。可以在 res/values/ 目录下创建一个 styles.xml 文件用于白天模式，并在 res/values-night/ 目录下创建一个 styles.xml 文件用于黑夜模式。

白天模式样式

<!-- res/values/styles.xml -->
<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light">
        <item name="colorPrimary">#FFBB86FC</item>
        <item name="colorPrimaryDark">#FF3700B3</item>
        <item name="colorAccent">#FF6200EE</item>
    </style>
</resources>

黑夜模式样式

<!-- res/values-night/styles.xml -->
<resources>
    <style name="AppTheme" parent="Theme.AppCompat">
        <item name="colorPrimary">#FF3700B3</item>
        <item name="colorPrimaryDark">#FFBB86FC</item>
        <item name="colorAccent">#FF6200EE</item>
    </style>
</resources>

设置主题

在 AndroidManifest.xml 文件中，我们需要将 AppTheme 应用于整个应用：

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

在运行时更改主题

虽然你可以使用资源文件来进行默认的主题转换，但有时我们可能需要在运行时根据用户的选择动态改变主题。你可以在设置界面添加一个切换按钮来处理主题变化。例如，使用 SharedPreferences 存储用户选择的主题，并在 onCreate() 方法中根据选择初始化主题。

SharedPreferences sharedPreferences = PreferenceManager.getDefaultSharedPreferences(this);
if (sharedPreferences.getBoolean("dark_mode", false)) {
    setTheme(R.style.AppTheme_Dark);
} else {
    setTheme(R.style.AppTheme_Light);
}