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行,根据判断结果进行业务处理即可。
分享
微博
QQ
微信
回复
2024-12-20 19:24:37
相关问题
文本扩展点击监听返回url
1281浏览 • 1回复 待解决
HarmonyOS 无障碍扩展安装
674浏览 • 1回复 待解决
HarmonyOS 扩展表达式
254浏览 • 1回复 待解决
HarmonyOS 无障碍扩展findElement
703浏览 • 1回复 待解决
HarmonyOS string、number扩展方法
268浏览 • 0回复 待解决
HarmonyOS 现有组件扩展如何实现
250浏览 • 1回复 待解决
HarmonyOS 弹窗,触摸穿透
341浏览 • 1回复 待解决
HarmonyOS ArkTS具备koltin扩展函数能力吗
894浏览 • 1回复 待解决
HarmonyOS 应用展示区域扩展到顶部
331浏览 • 1回复 待解决
HarmonyOS 扩展通知消息未触达问题
522浏览 • 1回复 待解决
JS如开发一个横向拖动的表格
6858浏览 • 1回复 待解决
hvigor自定义扩展demo
1381浏览 • 1回复 待解决
HarmonyOS 子窗口是否手势移动
340浏览 • 1回复 待解决
HarmonyOS Image组件关闭拖拽功能
221浏览 • 1回复 待解决
HarmonyOS 如何实现拖拽的GridView
290浏览 • 1回复 待解决
HarmonyOS 移动GridItem的Grid组件
714浏览 • 1回复 待解决