HarmonyOS Text组件超长截断时,如何使用“...更多”显示在右下角

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Excelsior_abit

先用MeasureText.measureTextSize判断文本是否截断,如果设置了最大行数,可分别计算该行数下和无限大行数下,文本的高度两者相比较判断文本是否截断。示例参考如下:

let textSizeShow1: SizeOptions = MeasureText.measureTextSize({
  textContent: this.text,
  constraintWidth: 100,
  fontSize: 14,
  overflow: TextOverflow.Ellipsis,
  maxLines: 2
})
let textSizeShow2: SizeOptions = MeasureText.measureTextSize({
  textContent: this.text + " ",
  constraintWidth: 100,
  fontSize: 14,
  overflow: TextOverflow.Ellipsis,
  maxLines: 2000000
})

如果截断,则在当前文本后面添加更多。

let flag = textSizeShow2?.height > textSizeShow1?.height ? true : fasle;
分享
微博
QQ
微信
回复
2天前
相关问题
怎么让text文本排在image里面的右下角
818浏览 • 1回复 待解决
HarmonyOS Text.textOverflow超长显示异常
688浏览 • 1回复 待解决
HarmonyOS Text 超出限制显示一个更多
175浏览 • 1回复 待解决
Web组件接收超长的字符串时会被截断
366浏览 • 1回复 待解决
HarmonyOS 单行Text是否被截断隐藏?
464浏览 • 1回复 待解决
HarmonyOS Text加载藏文显示异常
164浏览 • 1回复 待解决
HarmonyOS Text组件显示特殊字符
32浏览 • 1回复 待解决