HarmonyOS：如何使用系統自帶圖示

为敢技术發表於2024-11-06

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤部落格園地址：為敢技術（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')
    }
}

相關文章