文本显示 (Text)

列举常用的Text文本样式供大家参考使用。

@Entry
@Component
struct TextPage {
  @State message: string = 'Hello World';

  build() {
    RelativeContainer() {
      Text(this.message)
        .width(100)
        .height(50)
        .fontSize(30) // 字体大小
        .fontFamily('HarmonyHeiTi') // 字体样式
        .fontColor('#000') // 字体颜色
        .fontWeight(500) //  字体粗细
        .textAlign(TextAlign.Center) // 文本对齐样式
        .textOverflow({ overflow: TextOverflow.Ellipsis}) // 控制文本超长处理
        .lineHeight(20) // 文本行高
        .decoration({ // 文本装饰线样式及其颜色
          type: TextDecorationType.Underline,
          color: Color.Red
        })
        .baselineOffset(0) // 文本基线的偏移量
        .letterSpacing(0) // 本文间距
        .maxFontSize(30) // 最大字号，minFontSize与maxFontSize必须搭配同时使用
        .minFontSize(20) // 最小字号，minFontSize与maxFontSize必须搭配同时使用
        .maxLines(2) // 文本的最大行数
        .textCase(TextCase.LowerCase) // 文本大小写
        .copyOption(CopyOptions.InApp) // 是否可复制
    }
    .height('100%')
    .width('100%')
  }
}