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

目前在学习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图标了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值