【OpenHarmony/HarmonyOS】ArkUI 多语言与设置中心:资源限定词、PersistentStorage 和运行时切换
【OpenHarmony/HarmonyOS】ArkUI 多语言与设置中心:资源限定词、PersistentStorage 和运行时切换
本文以一个支持中文、日文、韩文的 HarmonyOS 游戏为例,说明如何组织字符串资源、构建设置中心、持久化语言偏好,并处理运行时切换的兼容问题。🌍
一、为什么多语言要从资源层开始?
把文字直接写在 ArkTS 组件中,会带来搜索困难、无法按地区覆盖、布局无法系统性测试等问题。项目按资源限定目录组织:
resources/ ├── base/element/string.json ├── zh_CN/element/string.json ├── ja_JP/element/string.json └── ko_KR/element/string.json页面通过资源引用:
Text($r('app.string.settings_title'))Button($r('app.string.btn_start_game'))系统会根据当前应用语言选择对应目录,没有匹配项时回退到base。
二、资源键要表达语义而非中文原文
推荐:
{"name":"mode_time_attack_desc","value":"分秒必争,限时收集挑战"}不推荐把键命名为拼音或text1、label2。语义键让开发者无需打开 JSON 就知道用途,也能区分同一个中文词在不同上下文中的翻译。
按钮、标题、描述和提示应使用不同键。很多语言的词形会随上下文变化,不能因为中文看起来相同就强行复用。
三、设置页如何共享持久状态
项目用PersistentStorage注册语言偏好,并在页面中使用@StorageLink:
PersistentStorage.persistProp('appLanguage', '');@StorageLink('appLanguage')appLanguage: string ='';@StorageLink('gameVolume')gameVolume: number =100;@StorageLink('musicVolume')musicVolume: number =50;@StorageLink('isVibrationEnabled')isVibrationEnabled: boolean = true;@StorageLink('targetFPS')targetFPS: number =60;@StorageLink是双向链接:页面修改值后,全局存储更新;其他绑定同一键的组件也能观察变化。PersistentStorage.persistProp则让指定属性跨重启保留。
应在应用统一入口注册持久属性,而不是依赖某个设置页面先被创建。否则主页若先读取该键,初始化顺序会变得隐式。
四、启动时确定当前语言
aboutToAppear(): void {if(this.appLanguage) {this.currentLanguage =this.appLanguage;this.applyLanguage(this.appLanguage); }else{this.currentLanguage = i18n.System.getSystemLanguage(); } }用户已经选择过语言时以应用偏好为准;没有偏好时跟随系统。这两种状态应在 UI 上明确区分,最好提供“跟随系统”选项,而不是把空字符串隐藏在实现中。
五、运行时切换语言
工程为不同 SDK API 名称提供兼容探测:
applyLanguage(lang: string):boolean{ constsystem= i18n.SystemasObjectasRecord<string,Function>;if(system['setAppPreferredLanguage']) {system['setAppPreferredLanguage'](lang);returntrue; }elseif(system['setAppLanguage']) {system['setAppLanguage'](lang);returntrue; }returnfalse; }切换成功后保存偏好并给出 Toast。正式工程应依据明确的compileSdkVersion使用对应类型安全 API;动态函数探测更适合兼容实验,不利于静态检查。
语言切换后,已构建页面是否立即刷新取决于系统 API 和资源更新机制。有些版本需要重建页面或重新加载 Ability。不要只看到 Toast 就认为所有文本已经切换,应逐页实测。
六、设置中心的两栏结构
横屏页面左侧为分类列表,右侧为可滚动内容:
Row(){Column(){List(){ this.CategoryItem($r('app.string.settings_audio'),0); this.CategoryItem($r('app.string.settings_controls'),1); this.CategoryItem($r('app.string.settings_other'),2); this.CategoryItem($r('app.string.settings_about'),3); } } .width('25%');Scroll(){if(this.selectedIndex===0) this.AudioSettingsContent();elseif(this.selectedIndex===1) this.GameSettingsContent();elseif(this.selectedIndex===2) this.OtherSettingsContent(); } .layoutWeight(1); }分类和内容区域职责分明,适合横屏和平板。小宽度设备应考虑把侧栏改为顶部 Tabs 或抽屉,否则 25% 区域可能无法容纳日文、韩文长标签。
七、设置变化要立即作用于业务
帧率使用@Watch:
@StorageLink('targetFPS')@Watch('onFPSChange')targetFPS: number =60; onFPSChange() { GameConfig.getInstance().targetFPS =this.targetFPS; }音量滑块变化时调用 AudioManager,振动开关调用 VibrationManager,灵敏度写入 GameConfig。设置页面不是只修改显示值,而应成为配置到运行系统的桥梁。
当前 GameLoop 的 DisplaySync 分支仍硬编码 120 FPS,设置值主要影响 fallback 路径。要让帧率设置真实有效,应让 GameLoop 统一读取配置并重新设置期望范围。
八、多语言最容易暴露布局问题 📐
相同含义在不同语言中的长度差异很大。测试时不能只验证翻译文件存在,还要检查:
- 左侧分类是否换行或截断;
- 按钮最小宽度是否足够;
- HUD 的模式名、计时和比分是否互相覆盖;
- 对话框标题是否挤压关闭按钮;
- 日文/韩文字体是否正常回退;
- 数字、日期和百分比是否符合本地格式;
- 资源缺失时 base 文本是否可接受。
不要通过随视口变化的字体缩放解决长文本,优先使用弹性布局、最大行数、合理换行和更短的本地化文案。
九、不要在资源化页面继续散落硬编码文字
项目大部分关键文本使用$r,但仍有“意见反馈”“Language switched”“即将前往下一区域”等硬编码。它们会在切换日文/韩文后继续显示中文或英文。
治理方法:
rg -n"Text\('[^']|showToast\(\{ message: '"entry/src/main/ets逐项判断是否是符号、玩家动态内容或应该资源化的 UI 文案。还要检查模板字符串中的固定片段。
十、设置值需要统一范围和单位
- UI 音量常用
0~100,AudioManager 使用0.0~1.0,调用处必须转换; - 灵敏度应限制在
0.5~2.0; - 帧率应使用支持列表,而不是任意数字;
- 语言代码统一使用系统期望格式;
- Toggle 与音量 0 的联动要定义恢复值。
例如用户把音乐拖到 0,再打开开关时项目恢复到默认 50。这个行为需要在产品层明确,否则用户可能认为设置被擅自修改。
十一、资源完整性自动检查 ✅
可以写一个构建脚本读取各语言string.json,比较键集合:
basekeys- localekeys= 缺失翻译 localekeys- basekeys= 多余或过期键同时检测重复键、空字符串、格式占位符数量不一致。这样新增功能时不会等到实机切换语言才发现漏翻译。
十二、无障碍和“减少动态效果”也属于设置
游戏设置不仅是音量与语言。成熟产品还可加入:
- 减少动态效果;
- 高对比度 HUD;
- 色觉辅助配色;
- 更大的操作按钮;
- 左手模式;
- 振动强度或关闭特定反馈;
- 画质与省电模式。
这些设置应通过统一配置对象传给背景、引擎和 HUD,而不是让每个组件自行读全局键。
十三、总结 ✨
HarmonyOS 多语言与设置中心的关键实践包括:
- 使用资源限定目录管理语言;
- 资源键表达业务语义;
- 提供“跟随系统”和明确的用户偏好;
- 持久属性在应用入口注册;
- 设置修改立即同步给音频、振动和游戏配置;
- 对 SDK 的语言切换 API 做版本确认和实机验证;
- 用长文本测试横屏、平板和弹窗布局;
- 自动比较各语言资源键;
- 清理残余硬编码文本。
国际化不是项目最后替换几段文字,而是一项贯穿资源、状态、布局、格式与测试的工程能力。🌏
推荐标签:HarmonyOSOpenHarmonyArkUI国际化PersistentStorage设置页面
