HarmonyOS ArkUI(基于ArkTS) 使用文本

最新推荐文章于 2025-05-29 11:38:10 发布

原创

最新推荐文章于 2025-05-29 11:38:10 发布 · 562 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #华为 #前端 #ArkUI #ArkTS

一文本显示 (Text/Span)

Text是文本组件，通常用于展示用户视图，如显示文章的文字

  // 可以直接输入，也可以导入字符串资源
      Text('我是一个文本')
      Text($r('app.string.module_desc'))

 // 3种对齐方式
      Text('左对齐')
        .width('100%')
      Text('居中')
        .textAlign(TextAlign.Center)
        .width('100%')
      Text('右对齐')
        .textAlign(TextAlign.End)
        .width('100%')

 //可以省略
      Text('11111111111111111111111111111111111111111111')
        .textOverflow({overflow:TextOverflow.Ellipsis})
        .maxLines(1)
      //可滚动
      Text('11111111111111111111111111111111111111111111')
        .textOverflow({overf