admin管理员组

文章数量:1630189

目前在学习HarmonyOS鸿蒙开发，在练手的时候遇到了一个问题，如何使用鸿蒙系统自带的icon图标，查找了资料才发现鸿蒙的系统自带icon文档和开发文档是分开的，icon文档地址为：HarmonyOS 主题图标库 | icon素材免费下载 | 华为开发者联盟。


使用icon图标：

我们在页面随便中使用一个图标：

Text(){
          SymbolSpan($r('sys.symbol.arrow_up_left_and_arrow_down_right'))
            .fontSize(20)
        }

代码解释：

在这段代码中，Text是引用了文本组件。

  • $r('sys.symbol.arrow_up_left_and_arrow_down_right')：$r 函数用于访问资源，这里访问系统资源中的 arrow_up_left_and_arrow_down_right 图标。
  • SymbolSpan()：用于显示符号或图标，$r 函数返回的图标资源将会作为内容插入。
  • sys: 通常代表系统资源的根命名空间，里面包含了系统提供的各种资源，比如图标、字符串、颜色等。
  • symbol: 在系统资源命名空间 sys 下，symbol 专门用来存放图标或符号。你可以通过 sys.symbol 访问这些内置符号和图标。
  • fontSize():设置icon图标的大小。

效果图：

这样子就可以使用HarmonyOS鸿蒙系统自带的iocn图标了。

本文标签： 鸿蒙图标系统自带harmonyosIcon

版权声明：本文标题：HarmonyOS鸿蒙开发使用系统自带icon图标 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dongtai/1729061443a1184445.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。