应用如何适配深色模式?

应用如何适配深色模式?

HarmonyOS
2024-04-28 00:08:38
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
coolhead2000

1.app跟随系统切深色模式或者非深色模式

颜色适配,自定义两套颜色资源(resources/dark/element/color.json和resources/base/element/color.json),通过$r的方式加载颜色资源的key值。通过系统资源实现,开发者可直接使用的系统预置资源,即分层参数,同一资源ID在设备类型、深浅色等不同配置下有不同的取值。通过使用系统资源,不同的开发者可以开发出具有相同视觉风格的应用,不需要自定义2份颜色资源,在深浅色模式下也会自动切换成不同的颜色值。https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/resource-usage-0000001820880417

图片资源,采用资源限定词目录的方式。参照颜色适配的方法,需要将深色模式下对应的同名图片放到 dark/media 目录下,再通过$r的方式加载图片资源的key值,系统做深浅色模式切换时,会自动加载对应资源文件中的value值。对于 SVG 格式的一些简单图标,可以使用 fillColor 属性配合系统资源改变图片的绘制颜色。不通过两套图片资源的方式,也可以实现深浅色模式适配。

2.app不跟随系统,应用内切深色模式或非深色模式

应用通过系统接口主动设置深浅色模式,setColorMode:https://developer.huawei.com/consumer/cn/doc/harmonyos-references/js-apis-inner-application-applicationcontext-0000001774280582

监听深浅色切换事件,自行实现深浅色模式:this.context.config.colorMode以及onConfigurationOnUpdate监听颜色模式。

分享
微博
QQ
微信
回复
2024-04-28 21:23:07
相关问题
app适配深色浅色切换模式
107浏览 • 1回复 待解决
应用如何适配大显示模式
208浏览 • 1回复 待解决
关于切换深色模式应用自动重启应用
4881浏览 • 2回复 待解决
android 应用深色模式在鸿蒙os上有异常
7279浏览 • 1回复 待解决
深色模式怎么开发? 有没有相关api?
2729浏览 • 1回复 待解决
有关深色模式开发的文档
116浏览 • 1回复 待解决
如何将页面设置为深色模式
337浏览 • 1回复 待解决
鸿蒙怎么获取当前是不是深色模式
6485浏览 • 1回复 待解决
期望系统api提供深色模式控制api
66浏览 • 1回复 待解决
Java UI中WebView支持深色模式吗?
1127浏览 • 1回复 待解决
横屏应用如何适配华为悬浮窗?
581浏览 • 1回复 待解决
鸿蒙应用开发如何做图片适配
294浏览 • 1回复 待解决
应用开发中的预览器换成手表模式
8178浏览 • 2回复 待解决
硬件设备如何适配HarmonyOS?
10132浏览 • 1回复 待解决
导航栏如何适配,有人知道吗?
100浏览 • 0回复 待解决
stagemode 模式如何获取version信息?
515浏览 • 0回复 待解决
鸿蒙手机屏幕怎么适配
7712浏览 • 1回复 待解决
有哪位大佬知道穿孔屏如何适配
82浏览 • 1回复 待解决
如何开启AOT编译模式,有人知道吗?
208浏览 • 1回复 待解决
dayu200 HDMI接口如何适配大屏显示器
1266浏览 • 1回复 待解决
隐私模式设置后窗口是如何展示的
322浏览 • 1回复 待解决