介绍
本示例介绍了@ohos.measure 组件接口实现文字展开收起的功能。 该场景多用于图文列表展示等。
效果图预览
使用说明:
- 点击展开按钮,展开全部文字。
- 点击收起按钮,收起多余文字。
实现步骤
想要实现文字收起,难点在于如何判断展示多少文字可以达到只显示到指定行数(以两行为例)的目的。通过判断文字其在容器内的高度来将文字缩减到指定行数,可以实现收起效果的目的。利用 measure.measureTextSize 方法去分别计算文字总体的
本示例介绍了@ohos.measure 组件接口实现文字展开收起的功能。 该场景多用于图文列表展示等。
使用说明:
想要实现文字收起,难点在于如何判断展示多少文字可以达到只显示到指定行数(以两行为例)的目的。通过判断文字其在容器内的高度来将文字缩减到指定行数,可以实现收起效果的目的。利用 measure.measureTextSize 方法去分别计算文字总体的