HarmonyOS 可扩展文本

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

HarmonyOS
2天前
浏览
收藏 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
微信
回复
2天前
相关问题
文本扩展点击监听返回url
818浏览 • 1回复 待解决
HarmonyOS 无障碍扩展findElement
390浏览 • 1回复 待解决
HarmonyOS 无障碍扩展安装
354浏览 • 1回复 待解决
JS如开发一个横向拖动的表格
6364浏览 • 1回复 待解决
hvigor自定义扩展demo
1017浏览 • 1回复 待解决
HarmonyOS 移动GridItem的Grid组件
285浏览 • 1回复 待解决
HarmonyOS 子窗口是否手势移动
75浏览 • 1回复 待解决
HarmonyOS 扩展通知消息未触达问题
356浏览 • 1回复 待解决
HarmonyOS ArkTS具备koltin扩展函数能力吗
390浏览 • 1回复 待解决
HarmonyOS 文本居中
26浏览 • 1回复 待解决
HarmonyOS文本超出容器
303浏览 • 1回复 待解决
HarmonyOS文本点击事件
465浏览 • 1回复 待解决
多module场景Hvigor自定义扩展咨询
803浏览 • 1回复 待解决
PolarDB访问时是否指定节点?
2326浏览 • 1回复 待解决