menu
hjthjthjt
hjthjthjt
永远的菜鸡

Android 学习笔记 [5]:适配 Android Q 暗色模式

主题适配转载自:Android Q深色主题模式(暗黑模式)适配 | KongXiaojun’s Blog,非常感谢。

因为我目前需要的是主题切换,即根据系统是否启用暗色模式来切换主题,所以这里只摘抄主题方式适配

原理和换肤模式适配可以参阅转载原文。

主题适配

定义主题

首先定义一套主题继承于 Theme.AppCompat.DayNight

 <style name="AppTheme" parent="Theme.AppCompat.DayNight.DarkActionBar">
     <item name="colorPrimary">@color/colorPrimary</item>
     <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
     <item name="colorAccent">@color/colorAccent</item>
     <item name="windowActionBar">false</item>
     <item name="windowNoTitle">true</item>
 </style>

定义资源

与夜间模式一样,对于颜色主题等文件,可以创建一个 values-night 目录,再创建 colors.xml 文件等,在 colors.xml 文件中定义深色主题的同名色值,如下:

注,在 Android Studio 的 Android 视图下,可能无法看到 values-night 目录(因为它刚创建,是空的),这个时候要切换到 Project 视图。

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <color name="colorPrimary">#000000</color>
 <color name="colorPrimaryDark">#666666</color>
 <color name="colorAccent">#333333</color>
</resources>

对于图片等资源文件也可以创建 drawable-nightdrawable-night-xxhdpi 等目录,放置对应的图片等资源。

字体颜色适配

文本颜色

  • ?android:attr/textColorPrimary 这是一种通用型文本颜色。它在浅色主题背景下接近于黑色,在深色主题背景下接近于白色。该颜色包含一个停用状态。
  • ?attr/colorControlNormal 一种通用图标颜色。该颜色包含一个停用状态。
  • ?attr/colorSurface?attr/colorOnSurface 主题背景属性。

状态栏颜色问题

这里主要是扯一下全透明的颜色下的,我需要实现的是关闭暗色模式时状态栏白底黑字,暗色模式下反过来

首先是在 style.xml 中加入:

<item name="android:statusBarColor">@android:color/transparent</item>
<item name="android:windowLightStatusBar">@android:color/transparent</item>

接着,在需要实现的 Activity 中加入这个方法:

fun getDarkModeStatus(context: Context): Boolean {
    val mode: Int =
        context.resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK
    return mode == Configuration.UI_MODE_NIGHT_YES
}

接着,在 onCreate() 中,setContentView() 之前加入:

if (!getDarkModeStatus(this)){
    window.decorView.systemUiVisibility = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN or View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR
        }

本文采用 CC BY-NC-SA 3.0 协议进行许可,在您遵循此协议的情况下,可以自由共享与演绎本文章。

本文链接:https://jakting.com/archives/android-learn-5-dark-mode.html


共有 1 条评论

Loading...
  1. LingC Quark Android 3.8.4.128

    水怪(´・ω・`)

发表评论

昵称不能为空
邮箱不能为空