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

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

HarmonyOS
2024-01-19 15:50:19
浏览
收藏 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%') 
  } 
}
分享
微博
QQ
微信
回复
2024-01-19 21:35:36
相关问题
textOverflow怎么按字母截断
656浏览 • 1回复 待解决
HarmonyOS Text.textOverflow超长时显示异常
329浏览 • 1回复 待解决
HarmonyOS 单行Text是否被截断隐藏?
100浏览 • 1回复 待解决
Text多行展示时,如何设置行间距?
115浏览 • 1回复 待解决
text内容如何实时获取并添加修改?
3134浏览 • 1回复 待解决
鸿蒙 | Text 内容显示问题
9972浏览 • 5回复 待解决
HarmonyOS 如何在Text中做搜索词高亮?
42浏览 • 1回复 待解决
如何指定组件的宽高比?
331浏览 • 1回复 待解决