HarmonyOS 如何实现超过一行自动截取

可以通过MeasureUtils的measuretextsize方法，来计算指定文本单行布局下的宽度。然后通过布局预留的宽度来对文本数组进行限制。

api文档：

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-arkui-uicontext-V5#measuretextsize12

如下是编写的简易demo：

import { MeasureUtils } from '@kit.ArkUI';

@Entry
@Component
struct Indexssss {
  @State uiContext: UIContext = this.getUIContext();
  @State uiContextMeasure: MeasureUtils = this.uiContext.getMeasureUtils();
  @State textFontSize: string = '50px'
  @State textArr: string[] = ['xxx', 'asasaa', 'xxx', 'abbbbb', 'ssssss', 'ssssss', 'ssssss', 'ssssss']
  @State textWidthSum: number = 0;

  aboutToAppear(): void {
    for (let i = 0; i < this.textArr.length; i++) {
      let textSize = this.uiContextMeasure.measureTextSize({
        textContent: this.textArr[i],
        fontSize: this.textFontSize
      })

      this.textWidthSum += textSize.width as number
      console.info(this.textWidthSum + "====" + i)

      if (this.textWidthSum > 400) {
        //第三个超过长度，从第二个开始删，删除8-2个 ，这边i真好对应2
        this.textArr.splice(i, this.textArr.length - i)
        //超出的减去
        this.textWidthSum -= textSize.width as number
        return
      }
    }
  }

  build() {
    Row() {
      Column({ space: 10 }) {
        Row() {
          ForEach(this.textArr, (item: string) => {
            Text(item).fontSize(this.textFontSize).borderWidth(1)
          })
        }

        Text(`The width ': ${this.textWidthSum}`)
      }
      .width('100%')
    }
    .height('100%')
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.