深色模式适配

QuibblerQuibbler 2020-07-25 约 10 分钟 2359 次阅读

深色模式适配

之前Apple叫板微信不支持深色模式就下架,Google从Android Q也新增了暗黑主题,可见系统对深色模式愈发的重视。其实【深色模式】国内有些厂商两年前就已经实现。还有一些做的比较优秀有创意的应用就自带深色模式,用户可以在APP内的设置手动切换当前应用到【夜间模式】。今天就来看看有哪些手段可以实现应用的深色模式。

深色模式Demo:android-DarkTheme

1、系统暗黑主题

Android Q中新增的一种主题叫Dark Theme,注意只在API 29及以上可以使用。官方文档: Docs > Guides Dark theme">Android Developers > Docs > Guides Dark theme。

1.1、DayNight theme

应用如果需要支持暗黑主题,APP的Theme必须要继承自Theme.AppCompat.DayNight主题

<style name="ApplicationTheme" parent="Theme.AppCompat.DayNight" />

当然还可以继承自material Design主题Theme.MaterialComponents.DayNight,前提是build.gradle加入了material依赖,详见MATERIAL DESIGN Dark Theme指导文档。

implementation 'com.google.android.material:material:1.3.0-alpha02'

1.2、三种选项

APP有四种可选主题:Light、Dark、System default、Auto。通过方法AppCompatDelegate.setDefaultNightMode(int )设置,有如下四个值:

//自动
     public static final int MODE_NIGHT_AUTO_TIME = 0;
     
     //使用夜间模式时,始终使用灯光模式,无论何时,都启用{@code notnight}合格资源。
     public static final int MODE_NIGHT_NO = 1;
     
     //使用夜间模式时,始终使用黑暗模式,无论何时,都启用{@code night}合格资源。
     public static final int MODE_NIGHT_YES = 2;
     
     //夜间模式在启用系统的“省电模式”时使用暗模式,否则使用“亮模式”。 此模式可以帮助设备降低功耗,具体取决于设备中的显示技术。
     public static final int MODE_NIGHT_AUTO_BATTERY = 3;

通过AppCompatDelegate类来切换深色模式,并且借助该类来获取当前是否是深色模式。

...
    int mode = getDelegate().getLocalNightMode();
    if (mode == AppCompatDelegate.MODE_NIGHT_YES) {
        getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_NO);
    } else {
        getDelegate().setLocalNightMode(AppCompatDelegate.MODE_NIGHT_YES);
    }
    ...

1.3、强制反色:forceDarkAllowed

Android Q提供Force Dark功能,在自定义应用全局主题的时候可以明确开启整个应用深色模式强制反色

<style name="ApplicationTheme" parent="Theme.MaterialComponents.DayNight">
        <item name="android:forceDarkAllowed">true</item>
    </style>

如果不希望系统对某个View进行反色,比如一个ImageView不需要在深色模式下反色,则可以增加这个属性android:forceDarkAllowed:

<ImageView
        android:forceDarkAllowed="false"/>

该属性在declare-styleable中的含义说明:

<!-是否允许将强制深色功能应用于此主题。
	将其设置为false将禁用该主题所应用的所有内容以及使用该主题的任何子视图绘制的内容的自动黑暗功能
	将其设置为true将使该视图自动变暗,但是值'true'不会覆盖其父链中的任何'false'值,也不会防止其任何子级出现任何'false' ->
     <attr name =“ forceDarkAllowed” format =“ boolean” />

2、night目录资源适配

前面Android系统自动对View、颜色反色效果其实并不太好。这时候就需要专门为深色模式提供一套资源,当系统切换到黑暗模式的时候就会从这里拿资源(strings、colors、drawable等)。举个例子,可以新建一下几个文件夹,深色模式系统会从对应的深色模式资源文件夹中显示图片、对应的颜色。name要和普通的资源文件夹中的一样。

①values-night/

②drawable-night/

这种方式最简单,效果最好。但是有些资源需要两套,会导致APK的体积变大。

3、应用内深色模式

应用内设置【夜间模式】可以通过切换全局应用主题完成的,定义正常的主题,在定义一个夜间模式的主题(主要颜色、控件等都单独一套_night)。设置中开启【夜间模式】就切换应用主题。

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@android:color/holo_red_dark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
    
    <style name="AppTheme.Night" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/colorPrimaryNight</item>
        <item name="colorPrimaryDark">@color/color/colorPrimaryDarkNight</item>
        <item name="colorAccent">@color/colorAccentNight</item>
    </style>

这样的做法较为通用,在早些时候是应用的一个特性,比如很多浏览器都有【夜间模式】。但是如果要适配系统的深色模式切换还需要使用第一节或者第二节更为通用的方法。

4、framework层框架适配*

当系统开启深色模式后,由框架层自动进行深色模式的反色,对三方应用界面中的View、Bitmap图片等进行一系列的计算,反色后再绘制显示。

实现一般由各个手机ROM厂商实现,在设置中开启深色模式,实际效果各不相同。ROM应用因为和框架关联比较大,可以通过反射等方法调用隐藏的frameworks层定制接口进行深色模式的显示设置。

推荐资料:

         Docs > Guides > Dark theme">Android Developers > Docs > Guides > Dark theme

        夜间模式 values-night

        Android实现夜间模式切换

        Android 深色模式适配

        Android Q深色主题适配

        Android Q深色模式源码解析

        Android Q 深色模式(Dark Mode)源码解析

        安卓夜间模式开发【深色主题适配】

        深色模式适配

         深色模式适配">知乎 > 深色模式适配

相关推荐

精选
ViewPager和PagerAdapter、FragmentPagerAdapter、FragmentStatePager
Android

ViewPager和PagerAdapter、FragmentPagerAdapter、FragmentStatePager

ViewPager1、ViewPagerandroidx.viewpager.widget.ViewPager,Android中使用非常广泛的控件,可以说是APP必备:首次打开引导页、页面Banner广告等。常用方法:setAdapter() 设置适配器setOffscreenPageLimit() 设置缓存的页面个数,默认是 1setCurrentItem() 跳转到特定的页面setOnPage

1.1k
获取Android内置WebView内核版本
Android

获取Android内置WebView内核版本

获取Android内置WebView内核版本竟然能遇到这样奇葩的事情,网页用的技术过于新颖,以至于只支持高版本Chromium内核的,低版本安卓系统中内置的内核版本较低,无法加载前端页面。1、设置查看在系统设置里 > 应用 > 应用管理 > 显示系统应用,查看WebView组件:2、页面查看通过WebView发起的网络请求,都会带上浏览器的UA,通常页面都可以通过UA判断浏览器的内核版本。这里有两

1.1w
Android 14适配总结
Android

Android 14适配总结

Android 14适配总结毕业工作至今已经适配了三个Android大版本,从Android 11到Android 12、再到Android 13。2023年,Google即将推出的Android 14,上半年已经开始第一批适配。现在,第四个Android版本已经适配完,总结记录一下。1、Android 14计划Google一般会在2月份对外发布预告,同时放出开发者预览版。“拉通”各大平台、厂商以

1.1w