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怎么按字母截断
406浏览 • 1回复 待解决
鸿蒙 | Text 内容显示问题
8820浏览 • 5回复 待解决
text内容如何实时获取并添加修改?
1952浏览 • 1回复 待解决
Text 组件如何加载Unicode字符
688浏览 • 1回复 待解决
Text怎么解析展示带html标签的文本?
1447浏览 • 1回复 待解决
Text 组件如何渲染图文动态混排
476浏览 • 1回复 待解决
如何隐藏容器组件的溢出内容
1029浏览 • 1回复 待解决
Text组件布局过界问题
397浏览 • 1回复 待解决
Scroll的子组件展示位置如何调整
921浏览 • 1回复 待解决
关于text内容删除的问题有懂的吗?
1525浏览 • 1回复 待解决
如何获取Text组件中文字的宽度
781浏览 • 1回复 待解决
修改沙箱路径下json文件的指定内容
1527浏览 • 1回复 待解决
Text组件是否支持多行显示
842浏览 • 1回复 待解决