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
相关问题
鸿蒙 | Text 内容显示问题
7874浏览 • 5回复 待解决
text内容如何实时获取并添加修改?
1122浏览 • 1回复 待解决
Scroll的子组件展示位置如何调整
57浏览 • 1回复 待解决
如何隐藏容器组件的溢出内容
111浏览 • 1回复 待解决
修改沙箱路径下json文件的指定内容
855浏览 • 1回复 待解决
关于text内容删除的问题有懂的吗?
882浏览 • 1回复 待解决
Text组件是否支持多行显示
88浏览 • 1回复 待解决
如何根据组件内容大小修改浮动窗口
142浏览 • 1回复 待解决
为何RichText组件内容可以滚动
163浏览 • 1回复 待解决
Text组件是否支持小图片和表情包
76浏览 • 1回复 待解决
可以用JS UI组件来做进度展示吗?
4117浏览 • 1回复 待解决
textfield的截断属性不生效
779浏览 • 1回复 待解决