Andorid暗黑模式(深色)实现方案

2023-12-31 02:20

本文主要是介绍Andorid暗黑模式(深色)实现方案,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

介绍哈:

App 实现暗黑模式的切换是使用App 内的 Dark Mode开关,未跟随手机系统进行切换,这种方案可以对应用程序的外观进行更精细的控制,并独立于系统设置。

先看效果,后面是实现逻辑

接下来看看咋实现哈,展示...

一、暗黑模式开关

二、切换白色/暗黑主题:

三、适配步骤

四、配置 Activity

五、代码中的颜色适配

六、BottomActionDialog适配

七、CommButton适配


介绍哈:

App 实现暗黑模式的切换是使用App 内的 Dark Mode开关,未跟随手机系统进行切换,这种方案可以对应用程序的外观进行更精细的控制,并独立于系统设置。

先看效果,后面是实现逻辑

白色:

黑色:

接下来看看咋实现哈,展示...

一、暗黑模式开关

用来判断当前App是否是暗黑模式。

AppCenter.isDarkMode

二、切换白色/暗黑主题:

 tvChangeTheme.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {AppCenter.isDarkMode = !AppCenter.isDarkMode;if (AppCenter.isDarkMode) {AppCenter.isDarkMode = true;CacheDataHelper.getInstance().saveUserData("is_dark_mode", "1");changeDarkTheme();} else {AppCenter.isDarkMode = false;CacheDataHelper.getInstance().saveUserData("is_dark_mode", "0");changeDarkTheme();}}});}//设置切换模式private void changeDarkTheme() {if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.S) {UiModeManager systemService = (UiModeManager) getSystemService(Context.UI_MODE_SERVICE);if (AppCenter.isDarkMode) {systemService.setApplicationNightMode(UiModeManager.MODE_NIGHT_YES);} else {systemService.setApplicationNightMode(UiModeManager.MODE_NIGHT_NO);}} else {if (AppCenter.isDarkMode) {AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);} else {AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);}}}

三、适配步骤

在styles.xml中定义 theme 以及控件颜色的属性值,并在白色和黑色主题下指定属性的不同颜色值。

  <!-- 定义支持暗黑模式的主题 --><style name="AppDayNightTheme" parent="Theme.AppCompat.DayNight.NoActionBar"></style><!-- 定义白色主题 --><style name="AppDayTheme" parent="AppDayNightTheme"><!-- 指定属性值的颜色 --><item name="AppMainBackground">@color/white</item><item name="AppMenuText">#515963</item><item name="AppMenuIconTint">#1C9E90</item><item name="AppTimelapseStartDrawable">@drawable/timelapse_start_button</item></style><!-- 定义黑色主题 --><style name="AppNightTheme" parent="AppDayNightTheme"><item name="AppMainBackground">#1F1F1F</item><item name="AppMenuText">#E3E3E3</item><item name="AppMenuIconTint">#1DF0BB</item><item name="AppTimelapseStartDrawable">@drawable/time_start_button_night</item></style><!-- 定义控件颜色的属性值 --><attr name="AppMainBackground" format="reference|color" /><!-- 简单的图片可以通过tint改变图片的颜色 --><attr name="AppMenuIconTint" format="reference|color" /><!-- 定义控件颜色的属性值 --><attr name="AppMenuText" format="reference|color" /><!-- 复杂的图片通过定义属性值, 在不同主题下设置不同的图片 --><attr name="AppTimelapseStartDrawable" format="reference" />

四、配置 Activity

(1) 实现暗黑模式的 Activity 需要继承 AppCompatActivity 或者 BaseActivity

AndroidManifest.xml 中注册Activity,注意 configChanges 中增加 uiMode,设置默认的theme。
 

<activityandroid:name=".camera.TestActivity"android:configChanges="...|uiMode"android:theme="@style/AppDayTheme" />

(2) 代码中切换theme,在 setContentView 方法前调用 setTheme 方法设置刚才定义的黑色或者白色主题。

override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)// 暗黑模式开关if (AppCenter.isDarkMode) {setTheme(R.style.AppNightTheme)} else {setTheme(R.style.AppDayTheme)}val binding = ActivityTestDarkModeBinding.inflate(layoutInflater)setContentView(binding.root)
}

(3) xml 中的颜色适配

设置背景颜色或者textColor。
 

android:background="?attr/AppMainBackground"
android:textColor="?attr/AppMenuText"

(4)xml 中的图片适配
简单的图片可以通过 tint 改变图片的颜色,无需设置不同主题下的图片。

比如这个图片:

<ImageViewandroid:layout_width="53dp"android:layout_height="53dp"android:src="@drawable/sound_open"app:tint="?attr/AppMenuIconTint" />

复杂的图片使用刚才定义的属性值,实现自动切换图片。

比如这个图片:

<ImageViewandroid:layout_width="50dp"android:layout_height="50dp"android:src="?attr/AppTimeStartDrawable"/>

五、代码中的颜色适配

// 代码中设置背景的颜色值
binding.clBackground.setBackgroundColor(getColorFromAttr(activity, R.attr.AppMainBackground))// 代码中设置text颜色
binding.tvAudio.setTextColor(getColorFromAttr(activity, R.attr.AppMenuText))// 代码中给简单的图片, 用tint改变图片颜色
binding.ivAudio.imageTintList =ColorStateList.valueOf(getColorFromAttr(context, R.attr.AppMenuIconTint))// 代码中给复杂的图片, 设置不同的图片
binding.ivTimeSwitch.setImageResource(getImageResourceFromAttr(context, R.attr.AppTimeStartDrawable))

代码中获取attr定义的颜色值(Utils)

// 获取attr定义的颜色值
@ColorInt
fun getColorFromAttr(context: Context?, @AttrRes attrColor: Int): Int {if (context == null) {return Color.TRANSPARENT}val typedValue = TypedValue()context.theme.resolveAttribute(attrColor, typedValue, true)return typedValue.data
}// 获取attr定义的图片
@DrawableRes
fun getImageResourceFromAttr(context: Context?, @AttrRes attrImage: Int): Int {if (context == null) {return 0}val typedValue = TypedValue()val resolved = context.theme.resolveAttribute(attrImage, typedValue, true)return if (!resolved || typedValue.resourceId == 0) {0} else typedValue.resourceId
}

六、BottomActionDialog适配

if (AppCenter.isDarkMode) {dialog.setStyle(STYLE_DARK_MODE);
} else {dialog.setStyle(STYLE_LIGHT_MODE);
}

七、CommButton适配

tv_share_btn.setButtonStyle(AppCenter.isDarkMode ? MAIN_BUTTON_NEW : MAIN_BUTTON);

这篇关于Andorid暗黑模式(深色)实现方案的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/554692

相关文章

无人叉车3d激光slam多房间建图定位异常处理方案-墙体画线地图切分方案

墙体画线地图切分方案 针对问题:墙体两侧特征混淆误匹配,导致建图和定位偏差,表现为过门跳变、外月台走歪等 ·解决思路:预期的根治方案IGICP需要较长时间完成上线,先使用切分地图的工程化方案,即墙体两侧切分为不同地图,在某一侧只使用该侧地图进行定位 方案思路 切分原理:切分地图基于关键帧位置,而非点云。 理论基础:光照是直线的,一帧点云必定只能照射到墙的一侧,无法同时照到两侧实践考虑:关

hdu1043(八数码问题,广搜 + hash(实现状态压缩) )

利用康拓展开将一个排列映射成一个自然数,然后就变成了普通的广搜题。 #include<iostream>#include<algorithm>#include<string>#include<stack>#include<queue>#include<map>#include<stdio.h>#include<stdlib.h>#include<ctype.h>#inclu

高效+灵活,万博智云全球发布AWS无代理跨云容灾方案!

摘要 近日,万博智云推出了基于AWS的无代理跨云容灾解决方案,并与拉丁美洲,中东,亚洲的合作伙伴面向全球开展了联合发布。这一方案以AWS应用环境为基础,将HyperBDR平台的高效、灵活和成本效益优势与无代理功能相结合,为全球企业带来实现了更便捷、经济的数据保护。 一、全球联合发布 9月2日,万博智云CEO Michael Wong在线上平台发布AWS无代理跨云容灾解决方案的阐述视频,介绍了

【C++】_list常用方法解析及模拟实现

相信自己的力量,只要对自己始终保持信心,尽自己最大努力去完成任何事,就算事情最终结果是失败了,努力了也不留遗憾。💓💓💓 目录   ✨说在前面 🍋知识点一:什么是list? •🌰1.list的定义 •🌰2.list的基本特性 •🌰3.常用接口介绍 🍋知识点二:list常用接口 •🌰1.默认成员函数 🔥构造函数(⭐) 🔥析构函数 •🌰2.list对象

【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算

✨✨ 欢迎大家来到景天科技苑✨✨ 🎈🎈 养成好习惯,先赞后看哦~🎈🎈 🏆 作者简介:景天科技苑 🏆《头衔》:大厂架构师,华为云开发者社区专家博主,阿里云开发者社区专家博主,CSDN全栈领域优质创作者,掘金优秀博主,51CTO博客专家等。 🏆《博客》:Python全栈,前后端开发,小程序开发,人工智能,js逆向,App逆向,网络系统安全,数据分析,Django,fastapi

让树莓派智能语音助手实现定时提醒功能

最初的时候是想直接在rasa 的chatbot上实现,因为rasa本身是带有remindschedule模块的。不过经过一番折腾后,忽然发现,chatbot上实现的定时,语音助手不一定会有响应。因为,我目前语音助手的代码设置了长时间无应答会结束对话,这样一来,chatbot定时提醒的触发就不会被语音助手获悉。那怎么让语音助手也具有定时提醒功能呢? 我最后选择的方法是用threading.Time

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸(两张壁纸可不一致)

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo

在JS中的设计模式的单例模式、策略模式、代理模式、原型模式浅讲

1. 单例模式(Singleton Pattern) 确保一个类只有一个实例,并提供一个全局访问点。 示例代码: class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}Singleton.instance = this;this.data = [];}addData(value)

C#实战|大乐透选号器[6]:实现实时显示已选择的红蓝球数量

哈喽,你好啊,我是雷工。 关于大乐透选号器在前面已经记录了5篇笔记,这是第6篇; 接下来实现实时显示当前选中红球数量,蓝球数量; 以下为练习笔记。 01 效果演示 当选择和取消选择红球或蓝球时,在对应的位置显示实时已选择的红球、蓝球的数量; 02 标签名称 分别设置Label标签名称为:lblRedCount、lblBlueCount

Android平台播放RTSP流的几种方案探究(VLC VS ExoPlayer VS SmartPlayer)

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候,不知道如何选的好,本文针对常用的方案,做个大概的说明: 1. 使用VLC for Android VLC Media Player(VLC多媒体播放器),最初命名为VideoLAN客户端,是VideoLAN品牌产品,是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式,并支持DVD影音光盘,VCD影