eTS 的Text组件设置文本垂直排列的两种方式

鸿蒙坚果
发布于 2022-8-12 14:19
浏览
1收藏

eTS 的Text组件设置文本垂直排列的两种方式

作者:坚果 OpenHarmony布道师,华为云享专家,InfoQ签约作者,润和软件KOL专家,电子发烧友鸿蒙MVP,51CTO博客专家博主,阿里云博客专家,开源项目gin-vue-admin成员之一。

在这里我给大家提供两种方式

第一种,宽度,字体大小一致即可

字体大小和宽度一致即可,保证每行只能容纳一个字体,不用设置高度。

第二种旋转

预览

 eTS 的Text组件设置文本垂直排列的两种方式-鸿蒙开发者社区

最后附上完整源码,所以你说的是哪一种呢?

/**
  * @ProjectName : nutsStudy
  * @FileName :  file
  * @Author : 坚果
  * @Time : 2022/8/9 15:57
  * @Description : 文本垂直排列的两种方式
 */


@Entry
@Component
struct Sample {
  @State imgList: Array<string> = [];
  build() {
    Column() {

      Blank()
      //第一种,宽度,字体大小一致即可
      Text("大前端之旅").fontSize(30).width(30)
      Blank()
//第二种旋转
      Text("大前端之旅").fontSize(30).
      rotate({x: 0,y: 0,z: 1,angle: 90,centerY: '50%',centerX:"50%"})

    }.width("100%").height("80%")
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.

已于2022-8-12 14:20:11修改
2
收藏 1
回复
举报
2
1


回复
    相关推荐