鸿蒙NEXT版实战开发：ArkUI组件的字符串中如何实现字符串变量拼接？ ...

往期鸿蒙全套实战文章必看：（附带鸿蒙全栈学习资料）

• 鸿蒙开发核心知识点，看这篇文章就够了
  
• 最新版！鸿蒙HarmonyOS Next应用开发实战学习路线
  
• 鸿蒙HarmonyOS NEXT开发技术最全学习路线指南
  
• 鸿蒙应用开发实战项目，看这一篇文章就够了（部分项目附源码）
  

---

ArkUI组件的字符串中如何实现字符串变量拼接

题目征象
ArkUI组件的字符串中如何实现字符串变量拼接，结合限定词目录的资源文件，比方语言切换时间，字符串内容自动跟随切换。比方实现Text()组件的字符串变量拼接功能，如何实现？

1. Text($r('app.string.EntryAbility_desc', 'Hello'))

复制代码

解决措施
可以结合资源文件结合%d、%s的方式举行实现。利用样比方下所示。

• 修改"src/main/resources/zh_CN/element/string.json"文件，对其中的一个需要变量拼接内容增长%d拼接。
  1. {
  2.   "string": [
  3.     {
  4.       "name": "module_desc",
  5.       "value": "模块描述%d"
  6.     },
  7.     {
  8.       "name": "EntryAbility_desc",
  9.       "value": "description"
  10.     },
  11.     {
  12.       "name": "EntryAbility_label",
  13.       "value": "label"
  14.     }
  15.   ]
  16. }

  复制代码
  修改"src/main/resources/en_US/element/string.json"文件，对其中的一个需要变量拼接内容增长%d拼接。
  
  1. {
  2.   "string": [
  3.     {
  4.       "name": "module_desc",
  5.       "value": "module description%d"
  6.     },
  7.     {
  8.       "name": "EntryAbility_desc",
  9.       "value": "description%d"
  10.     },
  11.     {
  12.       "name": "EntryAbility_label",
  13.       "value": "label"
  14.     }
  15.   ]
  16. }

  复制代码
• 在页面组件中利用$r(xx)加上拼接变量举行利用。
  1. @Entry
  2. @Component
  3. struct Page1 {
  4.   @State num1: number = 100;
  6.   build() {
  7.     Row() {
  8.       Column() {
  9.         Text($r('app.string.module_desc', this.num1))
  10.           .fontSize(50)
  11.           .fontWeight(FontWeight.Bold)
  12.       }
  13.       .width('100%')
  14.     }
  15.     .height('100%')
  16.   }
  17. }

  复制代码
• 切换中英文语言时，会自动跟随语言的切换带入对应的变量信息。
  

​

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。