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

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

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
相关问题
如何使用和加载自定义字体
295浏览 • 1回复 待解决
Ark UI是否如何使用自定义字体
1293浏览 • 1回复 待解决
鸿蒙中如何自定义字体文件
17412浏览 • 1回复 待解决
注册自定义字体在 webview 中无效
359浏览 • 1回复 待解决
如何使用字体有知道吗?
561浏览 • 1回复 待解决
文本组件是否支持分段设置字体样式
444浏览 • 1回复 待解决
getContext(this)能否在自定义类中使用
502浏览 • 1回复 待解决