美文网首页
HarmonyOS Text组件

HarmonyOS Text组件

作者: 王怀智 | 来源:发表于2024-11-28 17:32 被阅读0次

通过两种方式创建:
Text(“我是文本”)
Text($r(‘app.string.str’)) //引入resource类型对象。

  • 通过textCase设置文字保持大写或小写状态。
      Text("我是文本")
                .textCase(TextCase.LowerCase)

TextCase.LowerCase 英文保持小写,UpperCase英文保持大写

  • 通过textAlign属性设置文本对齐样式。
    Text("我是文本")
            .textCase(TextCase.UpperCase)
            .width(100)
            .textAlign(TextAlign.Center)
  • 通过textOverflow属性控制文本超长处理,textOverflow需配合maxLines来一起使用
    Text("我是文本我是文本我是文本我是文本我是文本")
           .textCase(TextCase.UpperCase)
           .width(100)
           .textAlign(TextAlign.Center)
           .textOverflow({overflow: TextOverflow.Ellipsis})
           .maxLines(1)
  • 通过minFontSize与maxFontSize自适应字体大小,minFontSize设置文本显示的最小字号,maxFontSize设置文本最大显示字号,两者必须搭配同时使用。
          Text("我是文本我是文本我是文本我是文本我是")
            .textCase(TextCase.UpperCase)
            .width(100)
            .height(45)
            .textAlign(TextAlign.Center)
            .maxLines(1)
            .minFontSize(8)
            .maxFontSize(16)
  • 通过绑定onClick、onTouch等事件来响应操作。
Text("父组件:" + this.childText + this.childTextLink)
        .onClick(() => {
          console.log("点击事件");
        })
        .onTouch(() => {
          console.log("触摸事件");
        })

相关文章

网友评论

      本文标题:HarmonyOS Text组件

      本文链接:https://www.haomeiwen.com/subject/dcwcsjtx.html