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

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

HarmonyOS
2024-05-26 11:28:33
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
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
相关问题
如何实现文本展开收起功能
231浏览 • 1回复 待解决
多行文本省略展开与显示
415浏览 • 1回复 待解决
Text怎么显示带html标签文本
3114浏览 • 1回复 待解决
Text怎么解析展示带html标签文本
1441浏览 • 1回复 待解决
实现文本编码和解码机制。
33浏览 • 1回复 待解决
怎么让text文本排在image里面的右下角
305浏览 • 1回复 待解决
基于measure实现文本测量
210浏览 • 1回复 待解决
如何实现文本竖向排列
983浏览 • 1回复 待解决
Text实现scroll效果怎么弄?
4117浏览 • 1回复 待解决
如何实现标签随文本换行
422浏览 • 1回复 待解决
如何实现文本类型倒计时
412浏览 • 0回复 待解决
ArkTS时间获取如何实现
3207浏览 • 1回复 已解决
通过Native 调用c++层实现文本绘制
481浏览 • 1回复 待解决