石小疯 发表于 2024-11-1 04:28:09

HarmonyOS鸿蒙开辟使用系统自带icon图标

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

使用icon图标:

我们在页面随便中使用一个图标:
https://i-blog.csdnimg.cn/direct/08caed2a101d43c88c17dfd69ec0f588.png
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图标的巨细。
效果图:

https://i-blog.csdnimg.cn/direct/595bd43895e74c72a9e1462a3207e9d5.png
如许子就可以使用HarmonyOS鸿蒙系统自带的iocn图标了。

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: HarmonyOS鸿蒙开辟使用系统自带icon图标