Android 暗黑模式适配

不爱废话直接上菜。

第一种适配方式：

1.1 直接修改APP主题，values/styles.xml 如下：

<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar"><item name="android:forceDarkAllowed">true</item>...
</style>
或者
<style name="AppTheme" parent="Theme.AppCompat.DayNight.DarkActionBar"><item name="android:forceDarkAllowed">true</item>...
</style>

1.2 修改AndroidManifest.xml中application标签下theme属性

<applicationandroid:name=".BaseApplication"android:allowBackup="true"android:icon="@mipmap/ic_launcher"android:label="@string/app_name"android:roundIcon="@mipmap/ic_launcher_round"android:supportsRtl="true"android:theme="@style/AppTheme">....
</application>

1.3 说明：通过强制设置黑暗模式，可以使APP进行黑白两色进行反色（个人不推荐这么干）。

第二种适配方式：

2.1 修改APP主题，values/styles.xml 如下（注意这里forceDarkAllowed为false）：

<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar"><item name="android:forceDarkAllowed">false</item>...
</style>
或者
<style name="AppTheme" parent="Theme.AppCompat.DayNight.DarkActionBar"><item name="android:forceDarkAllowed">false</item>...
</style>

2.2 修改AndroidManifest.xml中application标签下theme属性

<applicationandroid:name=".BaseApplication"android:allowBackup="true"android:icon="@mipmap/ic_launcher"android:label="@string/app_name"android:roundIcon="@mipmap/ic_launcher_round"android:supportsRtl="true"android:theme="@style/AppTheme">....
</application>

2.3 颜色适配：在res目录下新建values-night目录，看名字就知道这个目录下的东西会在暗黑模式下生效（一般放colors.xml, styles.xml就可以了）（具体颜色是什么就可以找你们的设计师小伙伴了）。

values/colors.xml

values-night/colors.xml

2.4 图片适配：在res目录下新建mipmap-night-xhdpi / mipmap-night-xxhdpi目录，这些目录下的图片也是在暗黑模式下才生效（图片找设计师小伙伴）。

2.5 比较推荐使用第二种，可以达到与设计师要求的效果一致。

另外给大家一个深色模式适配推荐颜色图

Android 暗黑模式适配相关推荐

Android暗黑模式适配
前言最近这两年,用户关于支持暗黑模式的呼声越来越高.而友商也基本都上了暗黑模式,于是老板也要求我们年前得上,可是工作量太大了,200多个页面,一个人整,实在是没法年前发,就拖到了年后上. 成果 1. ...
android自动切换暗色,超实用!Android 深色模式适配（可定时开启的APP内主题切换管理工具）...
前言前面分享了一篇"黑白化主题"的文,主要适用场景是不久就要到来的"清明"等时节或者是其他的国家公祭日什么的(一名成熟的程序员,要学会自己提产品需求). 今天 ...
iOS 暗黑模式适配(项目实战篇)
通过上面两篇文章,我们知道了暗黑模式怎么去适配,那么如何结合到真实的项目场景中去呢? 适配目标在项目适配之前,先来梳理一下需要适配的东西,以及可能预见的问题. 一.下图是我们单个App的控件适配目标 ...
Android暗黑模式
安卓适配暗黑模式前言第一次听到暗黑模式的时候,感觉好酷啊,听着就好看(也不知道我怎么听出来的).苹果在前几年就有暗黑模式的风声,好像是在IOS11.IOS12的时候就说要推出了,结果愣生生等到了I ...
React Native 暗黑模式适配方案
Android设备在 10 之后提供了对于暗黑模式的支持, iOS也在 iOS13之后提供了同样的支持.React Native 在 0.62 版本中增加了对于暗黑模式功能的支持,用来提升App用户体 ...
Android深色模式适配原理分析，android应用开发
return when (resources.configuration.uiMode and Configuration.UI_MODE_NIGHT_MASK) { Configuration.UI ...
百度APP iOS暗黑模式适配的完美解决方案
原创:liushaohua 百度APP技术团队一背景在2019WWDC的开场演讲中,苹果公布了即将推出的iOS13 DarkMode的新特性.此新特性不仅可以在夜晚保护视力,而且对于使用OLED ...
Android App Dark Theme（暗黑模式）适配指南，android实战mysql
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-v2qd7l5a-1636430548017)(https://user-gold-cdn.xitu.io/2020/3/ ...
Android App Dark Theme（暗黑模式）适配指南
在 2019 年的 Google I/O 和 Apple WWDC 上,新露面的 Android 10 和 iOS 13 都宣布将支持 Dark Theme 也就是我们常说的暗黑模式,并提供相关 AP ...

Android 暗黑模式适配

Android 暗黑模式适配

第一种适配方式：

1.1 直接修改APP主题，values/styles.xml 如下：

1.2 修改AndroidManifest.xml中application标签下theme属性

1.3 说明：通过强制设置黑暗模式，可以使APP进行黑白两色进行反色（个人不推荐这么干）。

第二种适配方式：

2.1 修改APP主题，values/styles.xml 如下（注意这里forceDarkAllowed为false）：

2.2 修改AndroidManifest.xml中application标签下theme属性

2.3 颜色适配：在res目录下新建values-night目录，看名字就知道这个目录下的东西会在暗黑模式下生效（一般放colors.xml, styles.xml就可以了）（具体颜色是什么就可以找你们的设计师小伙伴了）。

2.4 图片适配：在res目录下新建mipmap-night-xhdpi / mipmap-night-xxhdpi目录，这些目录下的图片也是在暗黑模式下才生效（图片找设计师小伙伴）。

2.5 比较推荐使用第二种，可以达到与设计师要求的效果一致。

另外给大家一个深色模式适配推荐颜色图

Android 暗黑模式适配相关推荐

最新文章

热门文章