在HarmonyOS NEXT中 text做到，一行显示的时候居中，超过一行的时候靠左显示的方法？

Question

在HarmonyOS NEXT中 text做到，一行显示的时候居中，超过一行的时候靠左显示的方法？

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

通过判断行数去设置不同的对其方式
获取行数可以通过以下方法 @ohos.measure可以返回多行文字的宽高，没有返回行数，但可以根据业务场景来计算。
https://developer.huawei.com/consumer/cn/doc/harmonyos-refere...
场景一：超过特定行数（下方以3行为例），样式不同，比如加上展开、收缩。计算文本总高度 let textSize : SizeOptions = measure.measureTextSize({ textContent: this.content, fontSize: 24, constraintWidth: 300 }) 限定宽度和最大行数（3行），计算高度 let textSize2 : SizeOptions = measure.measureTextSize({ textContent: this.content, fontSize: 24, maxLines: 3, constraintWidth: 300 })若textSize.height > textSize2.height，则表示实际高度超过3行，根据判断结果进行业务处理。

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 2

定义Text组件，并设置相关属性。

@Entry
@Component
struct MyComponent {
    @State text: string = "这是一段示例文本";
    build() {
        Column() {
            Text(this.text)
            .width('100%')
            .textAlign(TextAlign.Center)
            .textOverflow({overflow: TextOverflow.Visible})
        }
    }
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。