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

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

HarmonyOS
2024-05-26 11:28:33
浏览
收藏 0
回答 2
待解决
回答 2
按赞同
/
按时间
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%') 
  } 
}
分享
微博
QQ
微信
回复
2024-05-27 11:27:57
wx63184543d1ffa

这demo是一点用没有,实际上最后加的那几个字"...更多",只在原文本字号15,'...更多'字号为16时候才正常遮盖,字号一变,根本遮不住原文本,可能就遮住一半,这种特例实现方案也能当示例吗


分享
微博
QQ
微信
回复
2024-08-17 20:27:17
相关问题
如何实现文本展开收起功能
749浏览 • 1回复 待解决
Text文本过长时如何实现上下滚动?
468浏览 • 1回复 待解决
多行文本省略展开与显示
1021浏览 • 1回复 待解决
Text如何实现文本段落两端对齐?
340浏览 • 1回复 待解决
获取文本Text组件宽度
382浏览 • 1回复 待解决
Text怎么设置文本渐变?
173浏览 • 0回复 待解决
Text怎么显示带html标签文本
4272浏览 • 1回复 待解决
Text怎么解析展示带html标签文本
1982浏览 • 1回复 待解决
HarmonyOS 如何实现半屏展开
361浏览 • 1回复 待解决
HarmonyOS Text多行文本不能居中对齐
425浏览 • 1回复 待解决
Text文本不垂直居中,该怎么处理呢?
2582浏览 • 1回复 待解决
基于measure实现文本测量
612浏览 • 1回复 待解决
Text如何实现删除线功能?
773浏览 • 1回复 待解决