HarmonyOS 如何实现文字播报染色（多行）

请参考示例如下：

@Entry
@Component
struct Index {
  @State
  message: string = 'Hello World!Hello World!Hello World!Hello World!Hello World!Hello World!';
  @State
  value: number = 0;

  build() {
    Column() {
      // 使用 getLines 方法将 message 分割成多行字符串
      ForEach(this.getLines(this.message), (line: string, lineIndex: number) => {
        Row() {
          // 为每行中的每个字符生成 Text 组件
          ForEach(line.split(''), (char: string, charIndex: number) => {
            Text(char)
              .fontSize(50)
              .fontColor(this.getCharColor(lineIndex, charIndex))
              .fontWeight(FontWeight.Bold);
          })
        }
      });

      Row() {
        Button("++").onClick(() => {
          this.incrementValue();
        }).padding(10);

        Button("--").onClick(() => {
          this.decrementValue();
        }).padding(10);
      }.alignItems(VerticalAlign.Center).justifyContent(FlexAlign.Center).padding(10);
    }.width('100%').height('100%').alignItems(HorizontalAlign.Center).justifyContent(FlexAlign.Center);
  }

  // 增加 value 并触发动画
  incrementValue() {
    animateTo({ duration: 500 }, () => {
      this.value = Math.min(this.value + 0.01, 1.5);
    });
  }

  // 减少 value 并触发动画
  decrementValue() {
    animateTo({ duration: 500 }, () => {
      this.value = Math.max(this.value - 0.01, 0.0);
    });
  }

  // 将消息分割成行的方法
  getLines(message: string): string[] {
    const charsPerLine = this.getCharsPerLine();
    const lines: string[] = [];
    for (let i = 0; i < message.length; i += charsPerLine) {
      lines.push(message.substring(i, i + charsPerLine));
    }
    return lines;
  }

  // 获取每行字符数的方法
  getCharsPerLine(): number {
    return 6; // 根据需要调整每行字符数
  }

  // 根据字符的位置计算颜色
  getCharColor(lineIndex: number, charIndex: number): Color {
    const totalIndex = lineIndex * this.getCharsPerLine() + charIndex;
    const ratio = totalIndex / this.message.length;
    if (ratio <= this.value) {
      return Color.Red; // 渐变的起始颜色（红色）
    } else {
      return Color.Black; // 渐变的结束颜色（黑色）
    }
  }
}
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.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.