HarmonyOS鸿蒙Next中系统资源颜色的说明在哪里?

HarmonyOS鸿蒙Next中系统资源颜色的说明在哪里?

通过$r(‘sys.color.ohos_id_color_background’)可以设置系统内置的颜色,点击调转可以查看到如下颜色,总共有7百多种颜色,但是无法直观地查看到颜色,想问下哪里可以直观看到颜色?

系统资源介绍:https://gitcode.com/openharmony/docs/blob/master/zh-cn/design/ux-design/design-resources.md

下方链接这个excel表能看到100多条颜色,更多的颜色就不知道在哪里看了。 https://gitee.com/openharmony/docs/blob/master/zh-cn/design/ux-design/figures/OpenHarmony_%E7%B3%BB%E7%BB%9F%E8%B5%84%E6%BA%90%E5%88%86%E5%B1%82%E8%AE%BE%E8%AE%A1%E8%A1%A8_V1.0.xlsm


更多关于HarmonyOS鸿蒙Next中系统资源颜色的说明在哪里?的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

尊敬的开发者,您好!您的问题已受理,请您耐心等待,感谢您的理解与支持!

更多关于HarmonyOS鸿蒙Next中系统资源颜色的说明在哪里?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


鸿蒙Next中系统资源颜色说明在官方文档"HarmonyOS Design"设计规范部分。具体路径:开发者文档→设计→HarmonyOS Design→颜色规范。文档详细列出了系统级颜色资源(如ohos_system_color_primary等)的色值和使用场景,包含亮色/暗色模式下的定义。这些资源通过@ohos.systemColor模块提供,在resources/base/element目录下可引用。系统预置颜色分为语义色、中性色和渐变色三类,每个颜色资源都有明确的使用约束条件。

在HarmonyOS Next中查看系统资源颜色的直观方法如下:

  1. 目前官方文档提供的Excel表格确实只包含部分颜色资源,完整的700多种系统颜色暂时没有提供可视化展示工具。

  2. 开发者可以通过以下方式查看颜色效果:

  • 在DevEco Studio中使用实时预览功能
  • 在模拟器或真机上运行查看实际效果
  • 通过代码设置颜色后查看渲染结果
  1. 对于常用颜色,可以参考文档中提供的色板示例来了解基础配色方案。

  2. 建议关注官方文档更新,未来可能会提供更完善的颜色可视化工具。当前阶段如需查看具体颜色值,仍需通过资源ID引用后在运行环境中查看实际效果。

回到顶部