为有牺牲多壮志,敢教日月换新天。

HarmonyOS:如何使用系统自带图标

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤博客园地址:为敢技术(https://www.cnblogs.com/strengthen/ 
➤GitHub地址:https://github.com/strengthen
➤原文地址:https://www.cnblogs.com/strengthen/p/18529700
➤如果链接不是为敢技术的博客园地址,则可能是爬取作者的文章。
➤原文已修改更新!强烈建议点击原文地址阅读!支持作者!支持原创!
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

1、查看Harmony官方系统默认图标文档:

https://developer.huawei.com/consumer/cn/design/harmonyos-symbol/ 

2、找到钟意的图标,点击右上角,复制图标名称,比如:bell_fill

3、代码中使用:

Text(){
    SymbolSpan($r(sys.symbol.bell_fill))
}

4、导入外部字体图标。

import font from '@ohos.font';
aboutToAppear() {
    font.registerFont({
        familyName: 'iconfont',
        familySrc: $rawfile('iconfont.ttf')
    })
}
build(){
    Column(){
        Text('\uxxxx').fontFamily('iconfont')
    }
}

posted @ 2024-11-06 11:59  为敢技术  阅读(27)  评论(0编辑  收藏  举报