如何实现ArkUI组件字符串变量拼接
问题现象
例如:Text()组件的字符串变量拼接功能,如何实现?
TypeScript
Text($r('app.string.EntryAbility_desc', 'Hello'))
解决措施
可以通过资源文件结合%d、%s的方式进行实现。
示例如下所示:
修改"src/main/resources/zh_CN/element/string.json"文件,对其中的一个需要变量拼接内容增加%d拼接。
TypeScript
{
"string": [
{
"name": "module_desc",
"value": "模块描述%d"
},
{
"name": "EntryAbility_desc",
"value": "description"
},
{
"name": "EntryAbility_label",
"value": "label"
}
]
}
修改"src/main/resources/en_US/element/string.json"文件,对其中的一个需要变量拼接内容增加%d拼接。
TypeScript
{
"string": [
{
"name": "module_desc",
"value": "module description%d"
},
{
"name": "EntryAbility_desc",
"value": "description%d"
},
{
"name": "EntryAbility_label",
"value": "label"
}
]
}
在页面组件中使用$r(xx)加上拼接变量进行使用。
TypeScript
@Entry
@Component
struct Page1 {
@State num1: number = 100;
build() {
Row() {
Column() {
Text($r('app.string.module_desc', this.num1))
.fontSize(50)
.fontWeight(FontWeight.Bold)
}
.width('100%')
}
.height('100%')
}
}
切换中英文语言时,会自动跟随语言的切换带入对应的变量信息。
单HAP包应用资源
通过"r"或"rawfile"访问资源。
对于"color"、"float"、"string"、"plural"、"media"、"profile"等类型的资源,通过"$r('app.type.name')"形式访问。其中,app为resources目录中定义的资源;type为资源类型或资源的存放位置;name为资源名,开发者定义资源时确定。
对于string.json中使用多个占位符的情况,通过$r('app.string.label','aaa','bbb',444)形式访问。
对于rawfile目录资源,通过"$rawfile('filename')"形式访问。其中,filename为rawfile目录下文件的相对路径,文件名需要包含后缀,路径开头不可以"/"开头。
资源组目录下的"资源文件示例"显示了.json文件内容,包含color.json文件、string.json文件和plural.json文件,访问应用资源时需先了解.json文件的使用规范。
资源的具体使用方法如下:
TypeScript
//通过$r('app.type.name')访问
Text($r('app.string.string_hello'))
.fontColor($r('app.color.ohos_id_color_emphasize'))
.fontSize($r('app.float.ohos_id_text_size_headline1'))
.fontFamily($r('app.string.ohos_id_text_font_family_medium'))
.backgroundColor($r('app.color.ohos_id_color_palette_aux1'))
Image($r('app.media.ohos_app_icon'))
.border({
color: $r('app.color.ohos_id_color_palette_aux1'),
radius: $r('app.float.ohos_id_corner_radius_button'), width: 2
})
.margin({
top: $r('app.float.ohos_id_elements_margin_horizontal_m'),
bottom: $r('app.float.ohos_id_elements_margin_horizontal_l')
})
.height(200)
.width(300)
//对占位符,通过$r('app.string.label','aaa','bbb',444)访问
Text($r('app.string.message_notification','LiHua',2))
通过本应用上下文获取ResourceManager后,调用不同资源管理接口访问不同资源。
例如:getContext().resourceManager.getStringByNameSync('test') 可获取字符串资源;getContext().resourceManager.getRawFd('rawfilepath') 可获取Rawfile所在hap包的descriptor信息,访问rawfile文件时需{fd, offset, length}一起使用。