ArkTS实现Text文本的【...展开】

HarmonyOS

richard_li_li

2024-05-26 11:28:33

浏览

回答 3

按赞同

按时间

wjmfzsz

以下是代码的实现：

@Entry 
@Component 
struct Index { 
  
  maxLines: string = "出租屋内，一名长相清秀面容坚毅的少年，现在在玩一款名为群星的游戏，对于少年来说群星他自然是非常熟悉的，他现在之所以异常兴奋，是因为这该死的群星官方终于使用多核运行了，以及群星接入了一款最近才推出来的AI，可以进行更加沉浸、更加完美的体验文明的兴衰史。\n" + 
    "\n" + 
    "　　打开游戏界面，再打开新建界面。少年一览无余甚是欢喜，因为在种族和国家的选择界面，他接入了他最喜欢的一些亚文化和世界观。\n" + 
    "\n" + 
    "　　鼠标在界面上飞快的点击着，少年的大脑也开始飞快的思索着。\n" + 
    "\n" + 
    "　　“种族吗，自然是" 
  @State message: string = 'Hello World'; 
  
  @State flag: boolean = true 
  
  build() { 
    Row() { 
      Column() { 
        Button('OK') 
          .fontWeight(FontWeight.Bold) 
          .onClick(() => { 
            this.flag = true 
          }) 
  
        if (this.flag) { 
          Stack({ alignContent: Alignment.BottomEnd }) { 
            Text(this.maxLines) 
              .fontSize(15) 
              .fontColor(Color.Black) 
              .baselineOffset(10) 
              .maxLines(3) 
  
            Column() { 
              Text('...展开') 
                .fontSize(16) 
                .id('row2') 
                .backgroundColor(Color.White) 
              Column() { 
  
              }.height(7) 
            }.onClick(() => this.flag = false) 
          } 
        } else { 
          Text(this.maxLines) 
            .fontSize(15) 
            .fontColor(Color.Black) 
            .baselineOffset(10) 
        } 
      } 
      .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.
48.
49.
50.
51.
52.
53.
54.