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

相关推荐
weixin_431600441 分钟前
做 Agent 会用到的 Node API(3):异步与流
前端·学习·ai·agent·ai编程
FakeOccupational3 分钟前
【电路笔记 仿真】SPICE仿真器软件 LTspice:绘制简单电路(新建图页+添加组件)并仿真+模型导入+SUBCKT (子电路)绘制与使用+特殊器件绘制
笔记
70asunflower1 小时前
Triton 从 0 到 1 完整学习教程
学习·triton
天国梦1 小时前
2026年英语教学数字化工具深度测评:天学网、腾讯英语君、翼课网横向对比
人工智能·学习
是上好佳佳佳呀1 小时前
【深度学习|Day01】PyTorch 深度学习笔记(上):框架认知与张量基础
pytorch·笔记·深度学习
x17388062732 小时前
目录遍历漏洞
笔记·目录遍历漏洞
砚凝霜3 小时前
软考网络工程师|第 5 章 广域网基础技术完整备考笔记
网络·笔记
oier_Asad.Chen3 小时前
【OI学习笔记】Floyed-Warshall算法解决传递闭包问题
c++·笔记·学习·算法·图论·最短路·传递闭包
鱼听禅3 小时前
C#学习笔记-添加编译参数到程序集自动更新程序编译时间
笔记·学习·c#
香菜TTT3 小时前
LangChain框架_学习笔记
笔记·学习·langchain