HarmonyOS 可扩展文本

有一个场景需要展示多行文本,最多展示4行。当超出4行时,在文本末尾可显示 ‘展开’ 按钮,当点击 ‘展开’ 按钮时,文本可全部展示出,并在文本末尾显示 ‘收起’ 按钮。当点击 ‘收起’ 按钮时,可恢复至原有最多展示4行的状态。是否有类似的组件或插件实现该功能?

HarmonyOS
2024-12-20 16:19:34
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
FengTianYa

可以参考api文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-measure-V5本模块提供文本宽度、高度等相关计算。

//场景:超过特定行数4行,样式不同,比如加上展开、收缩。 计算文本总高度
let textSize : SizeOptions = measure.measureTextSize({ textContent: this.message, fontSize: 24, constraintWidth: 300 });
//限定宽度和最大行数(4行),计算高度
let textSize2 : SizeOptions = measure.measureTextSize({ textContent: this.message, fontSize: 24, maxLines: 4, constraintWidth: 300 });
//若textSize.height > textSize2.height,则表示实际高度超过4行,根据判断结果进行业务处理即可。
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
分享
微博
QQ
微信
回复
2024-12-20 19:24:37
相关问题
文本扩展点击监听返回url
1678浏览 • 1回复 待解决
HarmonyOS 无障碍扩展安装
1046浏览 • 1回复 待解决
HarmonyOS 无障碍扩展findElement
1087浏览 • 1回复 待解决
HarmonyOS string、number扩展方法
640浏览 • 0回复 待解决
HarmonyOS 扩展表达式
570浏览 • 1回复 待解决
HarmonyOS 现有组件扩展如何实现
593浏览 • 1回复 待解决
HarmonyOS 弹窗,触摸穿透
640浏览 • 1回复 待解决
HarmonyOS 应用展示区域扩展到顶部
634浏览 • 1回复 待解决
HarmonyOS ArkTS具备koltin扩展函数能力吗
1312浏览 • 1回复 待解决
HarmonyOS 扩展通知消息未触达问题
931浏览 • 1回复 待解决
JS如开发一个横向拖动的表格
7314浏览 • 1回复 待解决
HarmonyOS 通知扩展消息端代码如何接收
1086浏览 • 1回复 待解决
HarmonyOS Image组件关闭拖拽功能
551浏览 • 1回复 待解决
HarmonyOS 子窗口是否手势移动
639浏览 • 1回复 待解决
hvigor自定义扩展demo
1742浏览 • 1回复 待解决
HarmonyOS 文本居中
1089浏览 • 1回复 待解决
HarmonyOS 如何实现拖拽的GridView
604浏览 • 1回复 待解决