ArkTS——Text组件
(1)Text组件声明
声明Text组件设置文本内容:
(1)string格式,直接填写文本内容
Text("图片宽度:")
(2)Resource格式,读取本地资源文件,主要用于国际化
Text($r('app.string.width_label'))
此处会根据设备的语言和区域,在src/main/resources中,寻找对应的文件(en_US|zh_CN)下的string.json文件中,
与width_label对应的value,并将该value显示。
注:若设备对应其他型号,则从默认文件base下string.json寻找。
(2)示例
code:
src/main/pages/UI_Text
@Entry
@Component
struct UI_Text{
build(){
Column(){
Row(){
Text("Hello world!!!")//string 格式
.fontSize(30)
.fontWeight(FontWeight.Bolder)
}
.height('50%')
Row(){
Text($r('app.string.Hello_label'))//Resource格式:根据设备语言和区域,选择en_US或zh_CN中string.json文件Hello_label对应的value
.fontSize(30)
.fontWeight(FontWeight.Bolder)
}
.height('50%')
}
.justifyContent(FlexAlign.Center)
.height('100%')
.width('100%')
}
}
src/main/resource/en_US/string.json
{
"string": [
{
"name": "Hello_label",
"value": "Hello world!!!"
}
]
}
src/main/resource/zh_CN/string.json
{
"string": [
{
"name": "Hello_label",
"value": "你好,世界!!!"
}
]
}
src/main/resource/base/string.json
{
"string": [
{
"name": "Hello_label",
"value": "Hello world!!!"
}
]
}
result:
将地区和语言改变: