如何使用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%') 
  } 
}
分享
微博
QQ
微信
回复
2024-05-24 23:08:54
相关问题
如何支持iconfont.ttf的使用
1074浏览 • 1回复 待解决
IconFont图标展示方式
262浏览 • 1回复 待解决
是否支持iconfont?是否有样例代码?
506浏览 • 1回复 待解决
HarmonyOS如何使用OpenCV视觉库
5469浏览 • 4回复 已解决
鸿蒙http请求如何使用cookie管理
251浏览 • 1回复 待解决
HarmonyOS如何实现使用 Charles 抓包?
508浏览 • 1回复 待解决
使用OrmPredicates无法函数查询吗?
4445浏览 • 1回复 待解决
家电或者手持设备能否使用HarmonyOS?
5951浏览 • 3回复 待解决
wgcloud支持使用postgresql数据库吗
2614浏览 • 1回复 待解决
ArkTS可以使用DataAbility功能吗
827浏览 • 1回复 待解决
API11编译的har包可以api10使用
698浏览 • 1回复 待解决
如何使用等效使用any、unknown?
336浏览 • 1回复 待解决
鸿蒙图片资源Java代码中如何使用
6748浏览 • 1回复 待解决