Android深色主题适配

序言

之前我有讲过Android换肤功能的实现,具体看juejin.cn/post/725848... 。本篇就来讲讲另外一个类似功能,深色模式适配。从Android10以来,官方直接在系统层面支持了深色模式的功能。

适配深色主题的好处

  1. 为弱视以及对强光敏感的用户提高可视性
  2. 省电,OLED屏幕跟电阻屏LCD屏幕不一样,如果是黑色,则可以不发光,减少电池的损耗
  3. 更换UI风格,降低审美疲劳
  4. 专业,逼格更高,这可能是某些开发者的主要原因,哈哈

开始适配

主要适配的流程有以下两点:

  1. 添加-night的资源,如res/values-night/colors.xml,适配文字和背景底色
  2. 应用内提供切换为深色模式、浅色模式以及跟随系统的界面

自动适配

Android10提供Force Dark功能,通过给themes.xml或styles.xml的style节点下添加item节点。大项目可以先用自动适配,然后慢慢进行手动适配。

xml 复制代码
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:forceDarkAllowed" tools:targetApi="Q">true</item>
</style>

手动适配

对自动适配的颜色不满意的地方,可以采用手动适配。那就要自行提供-night的资源了。主题和样式覆盖的优先级可以参考我的这篇文章juejin.cn/post/719151... ,所以它能覆盖掉系统定义的。

切换深/浅色模式

最终调用AppCompatDelegate.setDefaultNightMode切换深/浅色模式,切换过程建议在启动页完成,因为这个系统的切换API有一定的延迟。

kotlin 复制代码
    // 始终以软件保存的暗色模式为准
    if (SPUtils.readBoolean(this, Environment.PREF_DAY_NIGHT_MODE)) {
        AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES)
    } else {
        AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO)
    }
    startActivity(Intent(this@SplashActivity, MainActivity::class.java))
    // 淡入淡出效果
    overridePendingTransition(R.anim.fade_in, R.anim.fade_out)
    finish()

其他注意事项

当我们调用AppCompatDelegate.setDefaultNightMode()方法的时候,系统会自动重新重建Activity,如果你不想要重新创建,则可在AndroidManifest.xml的activity节点中指定 android:configChanges="uiMode",然后重写onConfigurationChanged()方法,自己处理切换逻辑。

kotlin 复制代码
override fun onConfigurationChanged(newConfig: Configuration) {
    super.onConfigurationChanged(newConfig)
    val nightMode = newConfig.uiMode and Configuration.UI_MODE_NIGHT_MASK
    if (nightMode == Configuration.UI_MODE_NIGHT_YES) {
        // 切换为深色模式,在这里写你的逻辑...
    }
    if (nightMode == Configuration.UI_MODE_NIGHT_NO) {
        // 切换为浅色模式,在这里写你的逻辑...
    }
}

总结

深色主题的适配其实并不复杂,主要注意在启动页调用AppCompatDelegate.setDefaultNightMode()方法来加载预设主题配置。适配流程不清晰的回头看前面的内容,其实主要也就是添加暗色资源,然后调用系统的切换方法。另外多语言的适配也是一个提升App质量的一个方面,juejin.cn/post/733879...

相关推荐
coderlin_3 小时前
BI布局拖拽 (1) 深入react-gird-layout源码
android·javascript·react.js
2501_915918414 小时前
Fiddler中文版全面评测:功能亮点、使用场景与中文网资源整合指南
android·ios·小程序·https·uni-app·iphone·webview
wen's5 小时前
React Native安卓刘海屏适配终极方案:仅需修改 AndroidManifest.xml!
android·xml·react native
编程乐学6 小时前
网络资源模板--基于Android Studio 实现的聊天App
android·android studio·大作业·移动端开发·安卓移动开发·聊天app
EndingCoder7 小时前
搜索算法在前端的实践
前端·算法·性能优化·状态模式·搜索算法
没有了遇见8 小时前
Android 通过 SO 库安全存储敏感数据,解决接口劫持问题
android
hsx6668 小时前
使用一个 RecyclerView 构建复杂多类型布局
android
hsx6668 小时前
利用 onMeasure、onLayout、onDraw 创建自定义 View
android
守城小轩8 小时前
Chromium 136 编译指南 - Android 篇:开发工具安装(三)
android·数据库·redis
whysqwhw9 小时前
OkHttp平台抽象机制分析
android