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

HarmonyOS
2025-01-09 17:07:59
601浏览
收藏 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
})
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.

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

let flag = textSizeShow2?.height > textSizeShow1?.height ? true : fasle;
  • 1.
分享
微博
QQ
微信
回复
2025-01-09 19:13:55


相关问题
怎么让text文本排在image里面的右下角
1117浏览 • 1回复 待解决
HarmonyOS Text.textOverflow超长显示异常
995浏览 • 1回复 待解决
HarmonyOS Text 超出限制显示一个更多
526浏览 • 1回复 待解决
Web组件接收超长的字符串时会被截断
751浏览 • 1回复 待解决
HarmonyOS 单行Text是否被截断隐藏?
859浏览 • 1回复 待解决
HarmonyOS Text加载藏文显示异常
472浏览 • 1回复 待解决
HarmonyOS Text组件显示特殊字符
492浏览 • 1回复 待解决
恭喜您,今日已阅读两篇内容,特奖励+2声望, 快来领取吧。