HarmonyOS Text组件
2024-11-28 本文已影响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("触摸事件");
})