鸿蒙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}一起使用。

相关推荐
一隅论数智2 天前
给AI一张“业务概念地图“:本体如何从哲学走向企业智能
大数据·人工智能·经验分享·笔记·学习·学习方法·政务
XiHongShi20162 天前
STM32F407 RTC定时器例程,建议保存
stm32·单片机·学习
爱吃苹果的日记本2 天前
离散数学第六课
学习·离散数学
AI职业加油站2 天前
AI智能体应用工程师证书:政策红利下的职业新风口
大数据·运维·人工智能·学习·职场发展
深圳老胡2 天前
STM32F407 控制 L6470 步进电机驱动 —— 控制过程简介
笔记·stm32·单片机·嵌入式硬件·代码规范
旖旎夜光2 天前
力控面试题 01.01: 判定字符是否唯一(位运算) —— 题解
c++·学习·算法·leetcode·力控
奇思妙想聪明勤奋的小羊2 天前
DeepAgents第5章:子Agent 与上下文隔离—让 Agent学会委派
人工智能·python·学习·语言模型
Because_of_Her12 天前
并查集-听课笔记
笔记·算法·并查集
霍霍的袁2 天前
【C++】map 和 set 的使用 | 从用法到底层
开发语言·c++·学习·visual studio