SameX

Posted on Nov 14, 2024

鸿蒙Next应用国际化：语言与区域设置

#harmonyos

本文旨在深入探讨华为鸿蒙HarmonyOS Next系统（截止目前API12）在应用国际化中语言与区域设置方面的技术细节，基于实际开发实践进行总结。主要作为技术分享与交流载体，难免错漏，欢迎各位同仁提出宝贵意见和问题，以便共同进步。本文为原创内容，任何形式的转载必须注明出处及原作者。

在当今全球化的应用开发中，提供多语言支持和灵活的区域设置功能是满足不同用户需求的关键。鸿蒙Next系统为开发者提供了丰富的工具和接口，用于处理应用中的语言与区域设置。本文将详细介绍如何获取系统语言和区域信息、设置应用偏好语言、支持多语言切换，以及处理语言与区域设置相关的问题，抛砖引玉。

一、获取系统语言和区域信息

（一）获取系统语言

使用 i18n.System.getSystemLanguage() 方法
- 该方法返回当前系统设置的语言代码，例如“zh”表示中文，“en”表示英文等。在应用启动时，可以调用此方法获取系统语言，以便根据用户的语言偏好进行相应的界面显示和资源加载。例如：

import { i18n } from '@kit.LocalizationKit';

let systemLanguage = i18n.System.getSystemLanguage();
console.log("当前系统语言：", systemLanguage);

语言代码的意义和用途
- 语言代码遵循一定的标准（如ISO - 639标准），它是应用进行语言相关处理的重要依据。通过获取系统语言代码，应用可以确定使用哪种语言资源文件，加载相应的界面文本、音频等内容，实现语言的本地化显示。例如，如果系统语言为“zh - Hans”（中文简体），应用可以加载简体中文的资源文件，显示中文界面给用户。

（二）获取系统区域

使用 i18n.System.getSystemRegion() 方法
- 此方法用于获取当前系统设置的区域代码，如“CN”表示中国，“US”表示美国等。区域代码依据ISO - 3166标准，它不仅可以帮助应用确定用户所在的地理区域，还能用于进一步的区域特定设置，如日期格式、数字格式、度量衡单位等的适配。例如：

import { i18n } from '@kit.LocalizationKit';

let systemRegion = i18n.System.getSystemRegion();
console.log("当前系统区域：", systemRegion);

区域信息对应用的影响
- 不同区域可能有不同的文化习惯和格式规范。例如，在日期格式方面，某些区域习惯使用“MM/DD/YYYY”，而其他区域可能使用“DD/MM/YYYY”。获取系统区域信息后，应用可以根据区域特点进行相应的格式设置，确保用户看到的日期、时间、数字等信息符合当地习惯。同时，区域信息还可以用于提供本地化的服务和内容推荐，如根据用户所在区域显示当地的天气信息、新闻资讯等。

（三）获取系统区域标识（Locale）

使用 i18n.System.getSystemLocale() 方法
- 该方法返回当前系统的区域标识，它是语言和区域信息的组合，例如“zh - Hans - CN”表示中文简体、中国地区。区域标识在应用国际化中具有重要作用，它是资源匹配和加载的关键依据。例如：

import { i18n } from '@kit.LocalizationKit';

let systemLocale = i18n.System.getSystemLocale();
console.log("当前系统区域标识：", systemLocale);

区域标识与资源加载的关系
- 应用通常会根据区域标识来查找和加载对应的资源文件。在资源目录结构中，会按照区域标识创建不同的子目录，存放相应语言和地区的资源。当获取到系统区域标识后，应用可以准确地定位并加载最适合用户的资源，如界面布局文件、字符串资源、图片资源等，实现全面的本地化。例如，如果系统区域标识为“en - US”，应用会在“resources/en - US”目录下查找和加载资源，以提供英文（美国）版本的界面和内容。

二、设置应用偏好语言

（一）设置应用偏好语言的方法

使用 i18n.System.setAppPreferredLanguage() 方法
- 开发者可以通过此方法为应用设置特定的偏好语言。例如，将应用偏好语言设置为中文简体：

import { i18n } from '@kit.LocalizationKit';
import {BusinessError } from '@kit.BasicServicesKit';

try {
    i18n.System.setAppPreferredLanguage("zh - Hans");
} catch(error) {
    let err: BusinessError = error as BusinessError;
    console.error(`设置应用偏好语言失败，错误码: ${err.code}, 消息: ${err.message}.`);
}

注意事项
- 设置应用偏好语言仅影响应用本身，不会改变系统语言设置。这使得用户可以在系统语言为一种语言的情况下，为特定应用选择另一种语言。例如，用户系统语言为英文，但希望某个应用显示中文界面，就可以在该应用中设置偏好语言为中文。同时，设置偏好语言后，应用应立即响应并加载相应的语言资源，更新界面显示，以提供无缝的语言切换体验。

（二）应用偏好语言对应用的影响

资源加载与界面显示
- 一旦设置了应用偏好语言，应用在启动或运行过程中，会优先根据偏好语言加载资源。这包括界面文本、图片、音频等所有与语言相关的资源。例如，如果偏好语言为法语，应用会从“resources/fr - FR”目录（假设存在）加载法语资源，显示法语界面给用户。如果找不到与偏好语言完全匹配的资源，应用应根据一定的规则（如回退到系统语言或默认语言）进行资源加载，确保应用能够正常运行，而不会因为语言资源缺失而崩溃。
功能适配与用户体验
- 根据偏好语言，应用还可以进行功能适配。例如，在某些语言环境下，可能需要调整输入方法、键盘布局、日期和时间格式等功能。对于支持语音输入的应用，还可以根据偏好语言选择相应的语音识别模型，提高语音输入的准确性。通过这些适配措施，应用能够为用户提供更加符合其语言习惯和使用场景的功能体验，增强用户对应用的满意度和忠诚度。

三、支持多语言切换

（一）多语言切换的实现方式

界面交互设计
- 在应用的设置界面或其他合适的位置，提供语言切换选项。例如，可以创建一个下拉菜单或列表，显示应用支持的所有语言，让用户能够方便地选择自己想要的语言。当用户选择一种新语言时，应用应触发语言切换逻辑。
语言切换逻辑处理
- 当用户选择新语言后，应用调用 i18n.System.setAppPreferredLanguage() 方法设置新的偏好语言。然后，重新加载当前界面或整个应用，以应用新的语言设置。在重新加载过程中，应用根据新的偏好语言重新获取和显示资源，更新界面文本、图片等内容。例如：

// 假设在一个语言设置页面的函数中处理语言切换
function changeLanguage(languageCode: string) {
    try {
        i18n.System.setAppPreferredLanguage(languageCode);
        // 重新加载当前页面或整个应用（这里假设通过重新导航到当前页面来实现重新加载，实际情况可能更复杂）
        window.location.reload();
    } catch(error) {
        let err: BusinessError = error as BusinessError;
        console.error(`语言切换失败，错误码: ${err.code}, 消息: ${err.message}.`);
    }
}

（二）多语言切换的用户体验优化

实时反馈与过渡效果
- 在用户选择语言后，立即给予反馈，如显示一个短暂的提示信息，告知用户语言切换正在进行。同时，可以添加一些过渡效果，如渐变动画，使界面切换更加自然流畅，减少用户的等待感和不适感。例如，当用户点击语言切换选项后，在屏幕中央显示一个“正在切换语言，请稍候...”的提示框，同时界面逐渐淡化为白色，在新语言界面加载完成后再淡入显示。
保存用户语言偏好
- 应用应记住用户选择的语言偏好，下次启动时自动应用该语言设置。可以将用户选择的语言偏好存储在本地存储（如应用内的数据库或文件）中，在应用启动时读取并设置偏好语言。这样，用户无需每次启动应用都进行语言选择，提高了使用便利性。例如：

// 保存语言偏好
function saveLanguagePreference(languageCode: string) {
    // 这里假设使用本地存储的简单方法，实际可能需要更复杂的存储机制
    localStorage.setItem("preferredLanguage", languageCode);
}

// 读取语言偏好并设置
function loadLanguagePreference() {
    let languageCode = localStorage.getItem("preferredLanguage");
    if (languageCode) {
        try {
            i18n.System.setAppPreferredLanguage(languageCode);
        } catch(error) {
            let err: BusinessError = error as BusinessError;
            console.error(`设置应用偏好语言失败，错误码: ${err.code}, 消息: ${err.message}.`);
        }
    }
}

（三）多语言切换的测试与验证

全面测试不同语言组合
- 对应用支持的所有语言组合进行测试，确保在各种语言切换情况下，应用的功能正常，界面显示正确，资源加载无误。包括从一种语言切换到另一种语言，以及多次切换语言的情况。例如，测试从英文切换到中文，再从中文切换到法文，检查每次切换后界面文本、日期格式、数字格式等是否正确显示，应用的各项功能（如按钮点击、输入框输入等）是否正常工作。
测试边界情况和特殊字符
- 注意测试边界情况，如切换到语言资源较少或特殊字符处理较复杂的语言时，应用是否能够正确处理。例如，对于一些包含复杂文字系统（如阿拉伯文、希伯来文等从右到左书写的语言）或特殊字符（如中文的生僻字、日文的特殊假名组合等）的语言，检查界面布局是否合理，文本显示是否完整、清晰，输入和输出是否正常。同时，测试在语言切换过程中，与其他系统功能（如通知、分享等）的交互是否正常，确保应用在多语言环境下的稳定性和可靠性。

四、处理语言与区域设置相关的问题

（一）语言资源缺失问题

问题描述
- 当应用在某些情况下无法找到与用户语言偏好或系统语言匹配的资源时，可能会导致界面显示异常，如显示乱码、部分文本缺失或显示默认语言文本。例如，应用支持英文和中文，但用户设备的系统语言设置为一种应用未完全支持的语言（如西班牙语），且应用没有提供西班牙语资源，此时可能出现界面显示问题。
解决方案
- 建立合理的资源回退机制。当找不到完全匹配的资源时，应用可以按照一定的优先级顺序查找其他可用资源。通常的优先级顺序可以是：用户偏好语言 > 系统语言 > 默认语言（如英文或应用开发者指定的基础语言）。例如，如果找不到西班牙语资源，应用可以尝试查找用户偏好语言（如果有）的资源，如果也没有，则查找系统语言的资源，最后使用默认语言资源，确保应用能够正常显示基本内容，而不是崩溃或显示混乱。同时，在开发过程中，尽量全面地支持常见语言，减少资源缺失的可能性。如果发现某些语言的资源经常缺失或不完整，可以考虑增加对这些语言的支持，提高应用的国际化程度。

（二）区域格式适配问题

问题描述
- 不同区域对于日期、时间、数字、货币等格式有不同的要求，应用可能无法正确适配这些区域格式。例如，在一个全球应用中，对于日期显示，如果没有根据用户所在区域进行正确的格式设置，可能导致用户误解日期信息。在某些区域，日期格式为“DD/MM/YYYY”，而在其他区域可能是“MM/DD/YYYY”或“YYYY - MM - DD”。
解决方案
- 使用系统提供的格式化类和方法进行区域格式适配。对于日期和时间，使用 DateTimeFormat 类，根据用户所在区域的区域标识，选择合适的格式样式进行格式化。例如：

import { intl } from '@kit.LocalizationKit';

let date = new Date(2023, 9, 15);
let dateFormat = new intl.DateTimeFormat("en - GB", {dateStyle: "long"}); // 根据英国区域格式设置日期格式
let formattedDate = dateFormat.format(date); // 显示为“15 October 2023”

let timeFormat = new intl.DateTimeFormat("en - GB", {timeStyle: "medium"}); // 根据英国区域格式设置时间格式
let formattedTime = timeFormat.format(date); // 显示为“15:00:00”（假设当前时间为下午3点）

对于数字和货币，使用 NumberFormat 类进行格式化。例如：

import { intl } from '@kit.LocalizationKit';

let numberFormat = new intl.NumberFormat("en - US", {style: "currency", currency: "USD"}); // 根据美国区域格式设置货币格式
let formattedNumber = numberFormat.format(1234.56); // 显示为“$1,234.56”

let numberFormat2 = new intl.NumberFormat("fr - FR", {style: "number", minimumFractionDigits: 2}); // 根据法国区域格式设置数字格式
let formattedNumber2 = numberFormat2.format(1234.56); // 显示为“1 234,56”（注意法国数字格式中使用逗号作为小数点，空格作为数字分组符号）

通过这种方式，应用能够根据用户所在区域准确地显示日期、时间、数字和货币等信息，提高用户体验的一致性和准确性。

（三）语言切换时的数据一致性问题

问题描述
- 在多语言切换过程中，应用中的数据可能出现不一致的情况。例如，用户在一种语言环境下输入的数据，在切换语言后可能无法正确显示或解释。或者，应用中的某些缓存数据、设置信息等可能与新的语言环境不兼容，导致功能异常。例如，一个购物应用中，用户在英文界面下添加了商品到购物车，切换到中文界面后，购物车中的商品信息显示乱码或无法正确计算总价。
解决方案
- 在数据存储和处理过程中，采用统一的编码和格式标准，确保数据与语言无关。例如，对于文本数据，使用UTF - 8等通用编码格式，避免因语言切换导致字符编码问题。对于应用中的设置和配置信息，进行语言无关的存储和管理，在切换语言时，根据新的语言环境重新解释和显示这些信息。对于涉及数据计算和处理的部分，确保算法和逻辑不受语言影响，如在购物车总价计算中，使用统一的数字格式和计算规则，而不是依赖于特定语言环境下的显示格式。同时，在语言切换后，对相关数据进行重新加载和刷新，确保显示的信息与新语言环境一致。例如，在购物应用中，切换语言后重新获取购物车商品信息，根据新语言环境格式化显示，并重新计算总价等相关数据，保证数据的一致性和正确性。

（四）动态语言更新问题

问题描述
- 如果应用在运行过程中，系统语言或用户偏好语言发生了动态变化（如用户在系统设置中更改了语言，或者应用接收到了来自服务器的语言更新指令），应用可能无法及时响应并更新界面语言。例如，用户在使用应用过程中，从系统设置将语言从英文切换为中文，但应用仍然显示英文界面，直到下次重新启动应用才更新为中文。
解决方案
- 监听系统语言或应用偏好语言的变化事件。鸿蒙系统可能提供相应的语言变化监听器，开发者可以注册该监听器，在语言发生变化时立即收到通知。例如：

import { i18n } from '@kit.LocalizationKit';

i18n.System.on('languageChange', () => {
    // 语言发生变化时的处理逻辑
    let newLanguage = i18n.System.getSystemLanguage();
    console.log("系统语言已更改为：", newLanguage);
    // 在这里重新加载资源，更新界面语言
    loadResourcesForLanguage(newLanguage);
});

在收到语言变化通知后，立即重新加载当前界面或整个应用的资源，应用新的语言设置。可以将资源加载和界面更新逻辑封装成一个函数（如上述代码中的 loadResourcesForLanguage()），在语言变化时调用该函数进行处理。这样，应用能够实时响应语言变化，提供更加动态和灵活的语言支持，提升用户体验。

（五）不同版本系统的兼容性问题

问题描述
- 随着鸿蒙系统的不断升级，语言与区域设置相关的功能和接口可能会发生变化。应用在不同版本的系统上运行时，可能会遇到兼容性问题，如旧版本系统不支持新的语言设置方法，或者新版本系统对某些接口的行为进行了修改，导致应用在旧版本或新版本系统上出现异常。例如，在鸿蒙系统的早期版本中，语言设置接口可能与当前版本有所不同，应用如果直接使用新版本的接口，在旧版本系统上运行时会报错。
解决方案
- 在开发过程中，进行版本兼容性测试。针对不同版本的鸿蒙系统，分别进行语言与区域设置功能的测试，确保应用在各个版本上都能正常工作。可以使用条件编译或运行时检测系统版本的方式，根据不同版本调用相应的语言设置接口。例如：

import device from '@ohos.device';

device.getInfo().then((info) => {
    let systemVersion = info.version;
    if (systemVersion >= "5.0.0") {
        // 使用新版本的语言设置接口
        i18n.System.setAppPreferredLanguageV5("zh - Hans");
    } else {
        // 使用旧版本的语言设置接口（假设为 setAppPreferredLanguageV4）
        i18n.System.setAppPreferredLanguageV4("zh - Hans");
    }
});

同时，关注鸿蒙系统的官方文档和版本更新说明，及时了解语言与区域设置相关功能的变化，提前做好适配工作。如果可能的话，保持应用的代码结构灵活性，以便在系统升级时能够更容易地进行接口调整和功能优化。例如，将语言设置相关的代码封装成独立的模块，当系统版本变化时，只需修改该模块中的接口调用，而不影响整个应用的架构。

（六）语言与区域设置的权限问题

问题描述
- 在某些情况下，应用可能需要特定的权限才能获取或设置系统语言和区域信息。如果应用没有获取到相应权限，可能无法正常进行语言与区域设置相关操作，导致功能受限。例如，在一些安全要求较高的设备或系统环境中，应用可能需要用户明确授权才能获取系统语言信息，否则调用 i18n.System.getSystemLanguage() 等方法时可能会失败。
解决方案
- 在应用的权限声明中，明确申请所需的语言与区域设置相关权限。例如，在应用的 config.json 文件中添加权限声明：

{
    "module": {
        "reqPermissions": [
            {
                "name": "ohos.permission.GET_SYSTEM_LOCALE",
                "reason": "用于获取系统语言和区域信息，以提供本地化服务",
                "usedScene": {
                    "ability": [
                        "com.example.myapp.MainAbility"
                    ],
                    "when": "always"
                }
            }
        ]
    }
}

在应用运行时，检查是否获取到了相应权限。如果没有获取到权限，可以引导用户手动授予权限。例如：

import permission from '@ohos.permission';

async function checkPermission() {
    let hasPermission = await permission.checkPermission('ohos.permission.GET_SYSTEM_LOCALE');
    if (!hasPermission) {
        try {
            await permission.requestPermissionsFromUser(['ohos.permission.GET_SYSTEM_LOCALE']);
        } catch (error) {
            console.error('申请权限失败：', error);
        }
    }
}

通过这种方式，确保应用在具备相应权限的情况下进行语言与区域设置操作，避免因权限问题导致功能异常。同时，合理向用户解释申请权限的原因，提高用户授予权限的意愿。

（七）应用内语言与系统语言同步问题

问题描述
- 当系统语言发生变化时，应用可能无法及时与系统语言同步，导致应用内语言显示与系统语言不一致。例如，用户在系统设置中更改了语言，而应用仍然使用之前的语言设置，直到用户手动在应用内进行语言切换才更新，这给用户带来了不便。
解决方案
- 除了监听系统语言变化事件（如前面所述）外，还可以在应用启动时或从后台恢复时，主动检查系统语言是否发生变化，并根据变化情况更新应用内语言。例如：

import { i18n } from '@kit.LocalizationKit';

function checkAndSyncLanguage() {
    let currentSystemLanguage = i18n.System.getSystemLanguage();
    let savedAppLanguage = localStorage.getItem('appLanguage'); // 假设之前保存的应用内语言设置存储在本地存储中
    if (currentSystemLanguage!== savedAppLanguage) {
        // 系统语言与应用内语言不一致，进行同步
        i18n.System.setAppPreferredLanguage(currentSystemLanguage);
        localStorage.setItem('appLanguage', currentSystemLanguage);
        // 重新加载资源，更新界面语言
        loadResourcesForLanguage(currentSystemLanguage);
    }
}

// 在应用启动时调用
checkAndSyncLanguage();

// 在应用从后台恢复时也可以调用（假设应用有相应的生命周期钩子函数）
application.on('resume', () => {
    checkAndSyncLanguage();
});

通过这种主动检查和同步的方式，应用能够更好地与系统语言保持一致，提供更加连贯的用户体验。同时，在进行语言同步时，注意保存用户在应用内的个性化语言设置（如果有），避免因同步操作而丢失用户的偏好。

（八）多用户环境下的语言设置问题

问题描述
- 在支持多用户的设备上，不同用户可能有不同的语言偏好。应用需要能够在多用户环境下正确处理语言设置，确保每个用户都能看到符合自己偏好的语言界面。例如，一个家庭共享设备上，家长和孩子可能分别使用不同的语言，应用应根据当前登录用户的语言偏好进行显示。
解决方案
- 鸿蒙系统可能提供了获取当前登录用户信息的接口，应用可以利用该接口获取当前用户标识，然后根据用户标识关联相应的语言偏好设置。例如：

import userIAM from '@ohos.userIAM';

userIAM.getUserInfo().then((userInfo) => {
    let userId = userInfo.userId;
    // 根据 userId 查找对应的语言偏好设置（假设语言偏好设置存储在本地数据库或服务器中）
    let preferredLanguage = getPreferredLanguageForUser(userId);
    i18n.System.setAppPreferredLanguage(preferredLanguage);
    // 加载相应语言资源，显示界面
    loadResourcesForLanguage(preferredLanguage);
});

在用户切换时，及时更新应用的语言设置。可以监听用户切换事件，在事件处理函数中重新获取新用户的语言偏好并进行设置。例如：

userIAM.on('userSwitch', (newUserId) => {
    let preferredLanguage = getPreferredLanguageForUser(newUserId);
    i18n.System.setAppPreferredLanguage(preferredLanguage);
    // 重新加载资源，更新界面语言
    loadResourcesForUser(newUserId, preferredLanguage);
});

通过这种方式，应用能够在多用户环境下正确处理语言设置，为每个用户提供个性化的语言体验。同时，注意在多用户环境下，资源的管理和加载应进行合理优化，避免因频繁切换用户而导致资源浪费或加载缓慢。

通过对这些语言与区域设置相关问题的有效处理，我们能够打造出更加稳定、灵活、用户友好的鸿蒙Next应用。在国际化的道路上，不断关注用户需求、系统更新和最佳实践，持续优化应用的语言与区域设置功能，将有助于提高应用的竞争力和用户满意度，使其更好地适应全球市场的需求。希望本文能够为鸿蒙系统同行者在处理语言与区域设置方面提供全面、实用的参考和指导，助力应用在国际化进程中取得成功。

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

DEV Community