HarmonyOS 鸿蒙Next设计资源如何使用？

请问：设计资源-HarmonyOS设计-开发者联盟里的HarmonyOS设计组件库和HarmonyOS Symbol要如何在项目中使用呢？

HarmonyOS设计组件库是设计文件，在项目中实现还是要自己根据设计图实现的

HarmonyOS Symbol可以通过SymbolGlyph($r('sys.symbol.card_badge_shield'))使用，参考https://developer.huawei.com/consumer/cn/doc/design-guides/system-icons-0000001929854962#section177mcpsimp

nodeper 2楼•18 天前

感谢！

h691938207 3楼•18 天前

请问设计里面和系统一致的样式没有提供一个模板吗

sinazl 4楼•18 天前

设计模板吗？

itying888 5楼•18 天前

HarmonyOS鸿蒙Next设计资源的使用涉及多个方面，以下是具体步骤：

首先，下载设计资源。可以从HarmonyOS图标库或IconFont图标库下载SVG格式图标，存储到工程目录的resources/base/media/下，并确保图标命名以ic_开头，以保持一致性。

其次，使用设计资源。通过Image组件显示图标，并使用fillColor()属性修改图标颜色。例如，在ArkTS代码中，可以通过Image($r(‘app.media.ic_gallery_create’)).width(30).aspectRatio(1).fillColor(’#f60’)来显示并设置图标颜色和大小。

此外，还涉及主题适配和资源管理。在适配深色模式时，需创建dark文件夹以存储深色模式下的颜色和图片等资源。同时，应合理配置资源文件，遵循资源匹配规则，通过资源管理器便捷地访问资源。

最后，开发者需根据具体需求，利用HarmonyOS提供的丰富设计资源和高效工具，进行创意设计和开发。

HarmonyOS Next 纯血鸿蒙教程B站免费学习地址：https://www.bilibili.com/video/BV1fw2ZYSEk2