Text组件如何在textoverflow截断后展示指定内容

Text组件如何在textoverflow截断后展示指定内容

HarmonyOS
2024-01-19 15:50:19
2510浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zh_ff

代码示例

@Entry 
@Component 
struct Index { 
  maxLines: string = "我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条," + 
    "我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条我是热搜词条,我是热搜词条," + 
    "我是热搜词条,我是热搜词条,我是热搜词条我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条," + 
    "我是热搜词条我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条我是热搜词条," + 
    "我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条,我是热搜词条"; 
  @State flag: boolean = true 
  build() { 
    Row() { 
      Column() { 
        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 { 
          Stack({ alignContent: Alignment.BottomEnd }) { 
            Text(this.maxLines) 
              .fontSize(15) 
              .fontColor(Color.Black) 
              .baselineOffset(10) 
 
            Column() { 
              Text('收起') 
                .fontSize(16) 
                .id('row2') 
                .backgroundColor(Color.White) 
              Column() { 
              }.height(7) 
            }.onClick(() => this.flag = true) 
          } 
        } 
      } 
      .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.
分享
微博
QQ
微信
回复
2024-01-19 21:35:36


相关问题
textOverflow怎么按字母截断
1269浏览 • 1回复 待解决
HarmonyOS Text.textOverflow超长时显示异常
1094浏览 • 1回复 待解决
HarmonyOS 单行Text是否被截断隐藏?
1036浏览 • 1回复 待解决
Text多行展示时,如何设置行间距?
912浏览 • 1回复 待解决
HarmonyOS Text获取展示的行数
478浏览 • 1回复 待解决
鸿蒙 | Text 内容显示问题
11130浏览 • 5回复 待解决