Harmonyos开发——Text组件

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寻找。
1
2
3
4
5
6
7
8

（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%')
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

src/main/resource/en_US/string.json

{
  "string": [
    {
      "name": "Hello_label",
      "value": "Hello world！！！"
    }
  ]
}
1
2
3
4
5
6
7
8

src/main/resource/zh_CN/string.json

{
  "string": [
    {
      "name": "Hello_label",
      "value": "你好，世界！！！"
    }
  ]
}
1
2
3
4
5
6
7
8

src/main/resource/base/string.json

{
  "string": [
    {
      "name": "Hello_label",
      "value": "Hello world！！！"
    }
  ]
}
1
2
3
4
5
6
7
8

result：

将地区和语言改变：