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')
}
}