如何使用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
相关问题
HarmonyOS 关于Iconfont如何使用问题?
164浏览 • 1回复 待解决
IconFont图标展示方式
561浏览 • 1回复 待解决
如何支持iconfont.ttf的使用
2362浏览 • 1回复 待解决
HarmonyOS 什么时候支持iconfont
191浏览 • 1回复 待解决
ArkUI 是否支持iconfont
209浏览 • 0回复 待解决
是否支持iconfont?是否有样例代码?
833浏览 • 1回复 待解决
HarmonyOS 图标使用
158浏览 • 1回复 待解决
HarmonyOS图标记和定位怎么使用
282浏览 • 1回复 待解决
文件管理包含什么功能,要如何使用
356浏览 • 1回复 待解决
C++源码如何编译到HarmonyOS使用
314浏览 • 1回复 待解决
HarmonyOS 希望优化自定义弹窗的使用
212浏览 • 1回复 待解决
使用icon图标不清晰有锯齿
454浏览 • 1回复 待解决
使用OrmPredicates无法函数查询吗?
5662浏览 • 1回复 待解决
鸿蒙http请求如何使用cookie管理
822浏览 • 1回复 待解决