如何使用iconfont,​使用iconfont做图标管理,希望在HarmonyOS上继续使用。

​使用iconfont做图标管理,希望在HarmonyOS上继续使用。

HarmonyOS
2024-05-23 23:14:46
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
davis_li

IconFont 就是字体图标。严格地说,就是一种字体,但是,它们不包含字母或数字,而是包含符号和字形。开发者需要拿到字体库对应的ttf文件。然后通过自定义字体 @ohos.font的接口去注册,在Text上使用对应的unicode编码格式就可以使用了。

参考代码

//entryAbility.ts 
//font需要依赖UIContext所以需要在windowStage加载页面完成之后去注册 
 windowStage.loadContent('pages/Page', (err) => { 
      font.registerFont({ 
        familyName: 'iconfont', 
        familySrc: $rawfile('AlimamaDaoLiTi.ttf') 
      }) 
       
      if (err.code) { 
        hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? ''); 
        return; 
      } 
      hilog.info(0x0000, 'testTag', 'Succeeded in loading the content.'); 
    }); 
  
//Page.ets 
@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World'; 
  build() { 
    Row() { 
      Column() { 
        Text("\ue6fb") 
          .fontSize(50) 
          .fontWeight(FontWeight.Bold) 
          .fontFamily("iconfont") 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
分享
微博
QQ
微信
回复
2024-05-24 23:08:54
相关问题
HarmonyOS iconfont使用demo
829浏览 • 1回复 待解决
HarmonyOS 关于Iconfont如何使用问题?
966浏览 • 1回复 待解决
HarmonyOS 应用使用iconfont不显示
766浏览 • 1回复 待解决
IconFont图标展示方式
1176浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
3320浏览 • 1回复 待解决
HarmonyOS 如何引入iconFont
553浏览 • 1回复 待解决
HarmonyOS iconFont支持情况
724浏览 • 1回复 待解决
ArkUI 是否支持iconfont
1030浏览 • 0回复 待解决
HarmonyOS 什么时候支持iconfont
1133浏览 • 1回复 待解决
是否支持iconfont?是否有样例代码?
1654浏览 • 1回复 待解决
HarmonyOS 图标使用
992浏览 • 1回复 待解决
如何在openharmony使用ffmpeg
447浏览 • 1回复 待解决
HarmonyOS HTTP cookie管理使用
782浏览 • 1回复 待解决
HarmonyOS图标记和定位怎么使用
1359浏览 • 1回复 待解决
HarmonyOS Mac如何使用Charles抓包
949浏览 • 1回复 待解决
HarmonyOS 希望优化自定义弹窗的使用
938浏览 • 1回复 待解决
使用icon图标不清晰有锯齿
1256浏览 • 1回复 待解决
文件管理包含什么功能,要如何使用
1258浏览 • 1回复 待解决