anyuianyui
anyui-LIVE
anyui
反馈问题
  • English
  • 中文
anyui-LIVE
anyui
反馈问题
  • English
  • 中文
  • 介绍

    • 介绍
  • 快速开始

    • 快速开始
  • 工作区

    • 工作区
  • 编辑器

    • 概览
    • 工具栏
    • 导航器
    • 检查器
    • 状态栏
    • 设置
    • 画布
    • 预览
    • 资源管理
    • 代码查看器
    • 历史面板
  • 智能体
  • 桌面版
  • 主题

    • 图片
    • 字体库
    • 布局
    • 全局样式
    • 动态 LVGL 版本
    • 动态显示尺寸变更
    • 重置屏幕尺寸
    • 代码生成
    • 移植
    • 模拟器
    • 国际化
  • 常见问题

国际化让同一份设计的界面文案支持多种语言,项目面向不同地区发布时,不必为每种语言复制一套界面。本文介绍它的概念、配置方法和使用时的注意事项。

概述

界面文案因地区而异,同一个标签在中文和英文下读法并不相同。缺少国际化支持时,每种语言都要各自维护一套界面,设计与维护的开销都不小。

国际化把文案内容与当前显示的语言分开处理:

概念含义
语言界面文案的一种目标显示语言
文案条目一条界面文案,按语言分别填写

适合的使用场景:

  • 同一项目面向多个销售地区或不同的设备语言环境。
  • 在编辑器里直接查看某一语言下所有界面的实际读法。
  • 国际化与设计放在一起维护,避免另存一处的文案逐渐与设计脱节。

使用指南

  1. 打开国际化配置。
  2. 添加项目需要支持的目标语言。
  3. 为界面上用到的文案逐条填写各语言的文本。
  4. 切换当前语言,逐个界面在预览中核对;预览运行的就是目标设备上的同一份生成代码。
  5. 为每种目标语言准备好覆盖其字符集的字体库,再到代码查看器或代码生成的输出中确认最终结果。

注意事项

  • 编辑器自身的界面语言是另一项设置(设置 通用分组下的 语言),切换它不会改动项目文案。
  • 每种语言的文案都要有对应的字形。字体文件通常包含某一语言的完整字符集,但仍需构建字体库并挑选实际用到的字符、范围与符号——仅导入字体文件并不能让文字显示出来,参见字体库。
  • 译文往往比原文更长或更宽,容易撑破固定尺寸的组件;请逐界面、逐语言检查排版,必要时用弹性布局调整。
  • 当前语言缺少某条文案时,会回退到其它语言的取值显示,而不会留空。

相关指南

  • 字体库 - 让各语言的字符得以渲染。
  • 布局 - 适配长短不一的译文。
  • 预览 - 用实时渲染核对每种语言。
  • 代码生成 - 文案如何进入生成代码。
  • 动态 LVGL 版本 - 运行时(及语言)版本切换。
Prev
模拟器