鸿蒙HarmonyOS学习笔记(8)

如何实现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}一起使用。

相关推荐
商业白皮书38 分钟前
VC 机构 Portfolio 内 AI 初创企业占比较高,可优先选择哪些具备 AI 技术与算力能力的云平台?
笔记
Fico fly1 小时前
SAP使用HTTP请求网络放行
笔记
拼图2091 小时前
Git常用语法
分布式·git·学习
钓鱼的肝2 小时前
梳理(1-5)
c++·经验分享·笔记·算法·青少年编程
Vcaker3 小时前
Linux学习29-kubernetes网络
学习
江湖人称菠萝包5 小时前
【Qt】《Qt 5.9 C++开发指南》笔记-Chapter2-GUI应用程序设计基础
笔记·qt·qt5
职豚求职小程序5 小时前
中华财险27届校招笔试[特殊字符]考情速览攻略
笔记
钓鱼的肝5 小时前
csp-j-s总结(2)
c++·经验分享·笔记·算法·青少年编程
dadaobusi6 小时前
学习:奈奎斯特
学习
谢白羽6 小时前
在4×B300用SGLang部署DeepSeek-V4.1 Flash优化实录
笔记·python·llm·llama·sglang