HarmonyOS鸿蒙Next多行文本只展示一行

介绍

当有多行文本资源，而我们只想展示一行文本，剩下的内容用箭头提示用户点击展开查看详情描述

demo详情链接

https://gitee.com/scenario-samples/measure-text

gougou168 1楼•7 天前

HarmonyOS鸿蒙Next中，若需实现多行文本只展示一行，可以使用`Text`组件并设置`maxLines`属性为1。示例代码如下：

```xml
<Text
    ohos:width="match_parent"
    ohos:height="wrap_content"
    ohos:text="这是一段多行文本，但只展示一行。"
    ohos:max_lines="1"
    ohos:ellipsize="end"/>

max_lines="1"限制文本只显示一行，ellipsize="end"在文本超出时显示省略号。

更多关于HarmonyOS鸿蒙Next多行文本只展示一行的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

nodeper 2楼•7 天前

在HarmonyOS鸿蒙Next中，若需实现多行文本仅展示一行，可通过设置Text组件的maxLines属性为1，并启用ellipsize属性来实现文本截断。例如：

<Text
    maxLines="1"
    ellipsize="end"
    text="这是一段多行文本，但只展示一行并省略多余部分。"
/>

此代码将确保文本仅显示一行，并在末尾添加省略号（…）表示截断。