有没有自定义字体并使用该字体进行文本测量的示例?

有没有自定义字体并使用该字体进行文本测量的示例?

HarmonyOS
2024-05-06 22:58:49
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
netos

确认可以使用measure.measureText方法,再结合fontSize, fontStyle和fontWeight使用进行文本测量,可参考如下代码:

import font from ‘@ohos.font’ 
import measure from ‘@ohos.measure’ 
@Entry 
@Component 
struct Index { 
@State text:string = ‘123456’ 
@State familyName2:string = ‘20th_bold’ 
@State textWidth: number = measure.measureText({ 
textContent: this.text, 
fontFamily: this.familyName2, 
fontStyle:FontStyle.Normal, 
fontWeight: 100 
}) 
@State textWidth2: number = measure.measureText({ 
textContent: this.text, 
fontFamily: this.familyName2, 
fontStyle: FontStyle.Italic, 
fontWeight: FontWeight.Bolder 
}) 
aboutToAppear(): void { 
font.registerFont({ 
familyName: this.familyName2, 
familySrc: $rawfile(‘font/20th_bold.ttf’) 
}) 
} 
 
build() { 
Row() { 
Column() { 
Text(this.text) 
.fontSize(30) 
.fontFamily(‘20th_bold’) 
.fontColor(’#333333’) 
.fontWeight(400) 
Text(我是自定义字体的测量宽度1:${this.textWidth}) //181 
Text(我是自定义字体的测量宽度2:${this.textWidth2}) //207 
} 
.width(‘100%’) 
} 
.height(‘100%’) 
} 
}
分享
微博
QQ
微信
回复
2024-05-07 15:43:56
相关问题
如何使用和加载自定义字体
972浏览 • 1回复 待解决
Ark UI是否如何使用自定义字体
2109浏览 • 1回复 待解决
鸿蒙中如何自定义字体文件
18076浏览 • 1回复 待解决
注册自定义字体在 webview 中无效
1042浏览 • 1回复 待解决
文本组件是否支持分段设置字体样式
1064浏览 • 1回复 待解决
自定义装饰器使用问题
322浏览 • 1回复 待解决
自定义弹窗自定义转场动画
474浏览 • 1回复 待解决
如何使用字体有知道吗?
1092浏览 • 1回复 待解决
自定义弹窗使用相关问题
446浏览 • 1回复 待解决
自定义弹窗如何嵌套使用
555浏览 • 1回复 待解决
希望提供字体是否为下划线文本接口
470浏览 • 1回复 待解决