通過兩種方式創(chuàng)建:
Text(“我是文本”)
Text($r(‘a(chǎn)pp.string.str’)) //引入resource類型對(duì)象闷尿。
- 通過textCase設(shè)置文字保持大寫或小寫狀態(tài)飒炎。
Text("我是文本")
.textCase(TextCase.LowerCase)
TextCase.LowerCase 英文保持小寫衣陶，UpperCase英文保持大寫
- 通過textAlign屬性設(shè)置文本對(duì)齊樣式。
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自適應(yīng)字體大小，minFontSize設(shè)置文本顯示的最小字號(hào)寓涨，maxFontSize設(shè)置文本最大顯示字號(hào)澎蛛，兩者必須搭配同時(shí)使用宗兼。
Text("我是文本我是文本我是文本我是文本我是")
.textCase(TextCase.UpperCase)
.width(100)
.height(45)
.textAlign(TextAlign.Center)
.maxLines(1)
.minFontSize(8)
.maxFontSize(16)
- 通過綁定onClick躏鱼、onTouch等事件來響應(yīng)操作。
Text("父組件：" + this.childText + this.childTextLink)
.onClick(() => {
console.log("點(diǎn)擊事件");
})
.onTouch(() => {
console.log("觸摸事件");
})
