ArkUI深色模式适配指南 原创
头像 深海的鲸同学 luvi 2026-07-22 13:24:29    发布
1 浏览 0 点赞 0 收藏

​ 鸿蒙(HarmonyOS)应用中,设置 resources/dark/color.json 需要遵循以下核心规则和步骤:

cke_295.png

一、目录结构规范

  1. 路径要求 深色模式资源文件必须存放在 resources/dark/element/ 目录下,与浅色模式资源隔离: resources/ ├── base/ # 浅色模式资源目录 │ └── element/ │ └── color.json └── dark/ # 深色模式资源目录 └── element/ └── color.json
  2. 文件命名 必须使用 color.json 作为文件名,与浅色模式保持一致。

二、颜色配置规则

  1. 同名原则 深色与浅色模式中的颜色资源名称需完全一致,系统通过名称匹配自动切换颜色值。 浅色模式示例(base/color.json): { "color": [ { "name": "app_background", "value": "#F1F3F5" // 浅色背景 } ] } 深色模式示例(dark/color.json): { "color": [ { "name": "app_background", // 名称与浅色模式一致 "value": "#000000" // 深色背景 } ] }
  2. 色值格式 支持两种格式: Hex 格式:如 #FFFFFF(纯色)或 #CC000000(带透明度,前两位为 Alpha 值)。

三、代码引用方式

通过 $r('app.color.资源名') 动态加载颜色资源,系统自动适配深浅模式:

Text('深色模式文本')
 .fontColor($r('app.color.app_background'))  // 自动切换颜色


©本站发布的所有内容,包括但不限于文字、图片、音频、视频、图表、标志、标识、广告、商标、商号、域名、软件、程序等,除特别标明外,均来源于网络或用户投稿,版权归原作者或原出处所有。我们致力于保护原作者版权,若涉及版权问题,请及时联系我们进行处理。
分类
三方库

暂无评论数据

加载中...

发布

头像

深海的鲸同学 luvi

独立全栈开发者、鸿蒙生态内容创作者、鸿蒙原生应用“Segment”、“上述”、“NexServer”、“Markdown轻码实验室”作者、鸿蒙生态三方库lv-markdwon-in、html2md作者,优秀三方开源库作者。HarmonyOS应用开发者高级认证,HarmonyOS开发者社区优质问答博主。

20

帖子

0

提问

347

粉丝

关注
最新发布

【HarmonyOS】图像超分开发实践

2026-07-22 14:15:24    发布
热门推荐
地址:北京市朝阳区北三环东路三元桥曙光西里甲1号第三置业A座1508室 商务内容合作QQ:2291221 电话:13391790444或(010)62178877
版权所有:电脑商情信息服务集团 北京赢邦策略咨询有限责任公司
声明:本媒体部分图片、文章来源于网络,版权归原作者所有,我司致力于保护作者版权,如有侵权,请与我司联系删除

京ICP备:2022009079号-2

京公网安备:11010502051901号

ICP证:京B2-20230255