国际化（i18n）

最新推荐文章于 2025-06-27 09:02:34 发布
最新推荐文章于 2025-06-27 09:02:34 发布
阅读量2.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Android开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xian_2015/article/details/53304017
本文探讨了APP的国际化实现，包括文字和图片的本地化处理。通过在res目录下创建对应国家语言的drawable和values文件夹，系统会根据用户设备的语言设置加载相应资源。文字国际化涉及创建如values-zh-rCN的文件夹并修改string属性值，而图片国际化则需要在布局文件中引用对应语言版本的图片。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

APP的国际化包括文字和图片的国际化。默认情况下，在res目录结构下只有一套英文版的drawable和values文件夹；而支持国际化的APP需要在res目录结构下创建与多个国家不同语言的相对应的drawable和values文件夹，在文件夹中放置对应语言的资源；

国际化的原理：

系统根据“设置”选项中“语言和输入法 Language & Input”设置中选择的语言不同，去res目录下对应的资源文件夹中去找对应的文字和图片进行加载显示。

1.文字的国际化

（1）首先参考SDK中eclipse\sdk\platforms\android-16\data\res官方文件对国际化支持的标准文件格式，比如简体中文的支持（values-zh-rCN），若要添加对中文的支持，就在res目录下创建名为values-zh-rCN的文件夹，然后把英文环境下的values文件夹中的strings.xml复到values-zh-rCN文件夹下；
这里写图片描述
（2）修改相应的string属性值即可。（添加中国台湾类似values-zh-rTW）
这里写图片描述

这里写图片描述

2.图片的国际化

（1）图片的国际化和文字类似，如果想在不同语言设置下 设置显示的指定图片不同，也可以在res目录下创建对应语言的drawable文件夹（如支持中文语言下的图片可创建drawable-zh-rCN），然后在drawable-zh-rCN文件下添加与其他语言同名的图片，以便系统切换不同语言时进行加载显示。

这里写图片描述
（2）在activity的布局文件中通过@drawable添加对flag图片的引用：

这里写图片描述

《i18n国际化》
m0_57443155的博客
11-25 1013
1、什么是i18n国际化？ 2、国际化相关要素介绍 3、i18n国际化基础示例 public void testI18n(){ //得到我们需要的locale对象 Locale locale = Locale.US; //通过相应的Basename对象和Locale对象，读取相应的配置文件 ResourceBundle bundle = ResourceBundle.getBundle("i18n",locale...
uniapp 语言国际化 i18n 教程
weixin_44235659的博客
03-11 5453
uniapp 国际化语言 多语言切换 vue页面和pages.json页面的使用教程
vue项目中 i18n（vue-i18n） 国际化解决方案,从安装到使用
一个努力搬砖的前端开发
07-05 3513
国际化（Internationalization，通常缩写为"i18n"）是指设计和开发软件应用程序，使其能够轻松地适应不同的语言、文化和地区的需求。国际化不仅仅涉及将文字翻译成其他语言，还包括调整日期、时间、货币格式，以及考虑不同文化中的布局、颜色和图标等因素。通过国际化，开发人员可以使其应用程序更易于被全球用户理解和接受，从而扩大应用程序的市场和影响力。定义语言包：需要几种语言展示，就定义几个语言包创建对象，对语言包进行整合，对象的 key 为语言包的引用，值为语言包对象。
Nuxt i18n模块入门指南：实现国际化开发的最佳实践
最新发布
gitblog_01038的博客
06-27 381
Nuxt i18n模块入门指南：实现国际化开发的最佳实践 什么是Nuxt i18n模块 Nuxt i18n模块是一个专为Nuxt.js框架设计的国际化解决方案，它基于Vue I18n v11构建，为开发者提供了完整的国际化功能支持。通过这个模块，开发者可以轻松实现多语言网站的开发，包括语言切换、动态内容翻译、路由本地化等核心功能。 环境准备与安装 在开始使用Nuxt i18n模块前，请确保你已经具...
i18n国际化
weixin_45802907的博客
04-01 411
需要场景：需要满足不同地区用户的语言习惯 全局国际化 配置 main.js //npm i vue-i18n -D // 国际化引入 import VueI18n from 'vue-i18n' //对应语言文件引入 import { cn } from './language/zh-CN' import { en } from './language/en' Vue.use(VueI18n) // 国际化使用 const i18n = new VueI18n({ locale: 'zh-CN',
i18n 国际化
小鲁蛋的博客
08-08 2667
国际化（Internationalization）指的是同一个网站可以支持多种不同的语言，以方便不同国家，不同语种的用户访问。关于国际化我们想到的最简单的方案就是为不同的国家创建不同的网站，比如苹果公司，他的英文官网是： http://www.apple.com 而中国官网是 http://www.apple.com/cn。苹果公司这种方案并不适合全部公司，而我们希望相同的一个网站，而不同人访问的时候可以根据用户所在的区域显示不同的语言文字，而网站的布局样式等不发生改变。...
Vue或UniApp 前端语言国际化 i18n lang.js包
06-23
在开发Web应用时，语言国际化（i18n）是一个重要的功能，允许应用程序根据用户的地域设置展示相应的语言内容。Vue.js和UniApp都是常见的前端框架，它们提供了方便的国际化插件来实现这一功能。本篇将详细介绍Vue和...
spring boot国际化 i18n
08-09
Spring Boot的国际化（i18n）功能使得开发者可以轻松地为应用程序提供多语言支持，以便用户可以根据他们的偏好选择不同的语言界面。以下是对这个主题的详细讲解。 首先，我们需要了解i18n这个术语，它是...
使用vue 国际化i18n 实现多实现语言切换功能
10-17
在现代化的网络应用开发中，国际化（Internationalization，简称i18n）和本地化（Localization）是保证软件或网站能够适应不同语言和文化环境的重要技术。特别是对于前端框架Vue.js，它已经具有支持国际化插件的能力...
SpringI18n:这是一个spring mvc的国际化项目, 该项目会尽量阐述i18n的原理与机制
05-21
SpringI18n 这是一个spring mvc的国际化项目, 该项目会尽量阐述i18n的原理与机制 这是一个简单的Spring管理的I18n Demo Cookie 和Session中的localeResolver只能注册一种，所以需要测试哪种另一种需要在spring配置文件中注释掉 1.如何访问：首页：
js文件中实现国际化
08-28
这几天学习在js文件中实现国际化费了不少劲，现在传一简单的代码（已实现！）供大家参考一下~~
java国际化i18n
11-03
Java国际化(i18n)是Java平台为支持全球不同地区的用户和语言而设计的一种机制。i18n这个名字来源于“internationalization”这个单词，其中'i'是第9个字母，'n'是第14个字母，所以18代表了两者之间的字母数。Java的...
Ionic i18n国际化解决方案（ngx-translate）
学无止境! 无休无止!
06-19 1025
i18n，即“国际化”，是指根据App使用环境不同，调用不同的语言包在页面展示。可以是用户设置语言，也可以是跟随系统语言。 下面，我们在Ionic中加入i18n国际化，请准备好你的项目了！ 1.核心内容 使用Angular7的国际化(i18n)库：ngx-translate 官网地址：http://www.ngx-translate.com/ GitHub地址：https://github.com/ngx-translate/core ngx-translate官网 ng...
vue-i18n国际化+iview组件国际化
m0_64705484的博客
07-11 1544
一个现有的中文的大型且复杂的VUE项目，页面巨多，有n多个组件和页面！！！需要国际化语言，翻译成英文。
消息国际化i18n
java12345678
04-04 153
struts 国际化资源文件的分成两类： 1.全局的国际化资源文件    默认加载的：org/apache/struts2/struts-messages    配置加载的 struts.xml中配置：     <constant name="struts.custom.i18n.resources" value="类路径下资源文件名1，类路径下资源文件名2....">&l...
Spring3.1.0实现原理分析(二).国际化(i18n)
chengyueshi2102的博客
04-01 306
今天和大家一起分析下Spring国际化模块的结构。什么是国际化呢？ 我想引用李刚老师曾说过的一句话:“所谓国际化其实就是字符串的查找和替换过程”。查找就是根据code去资源文件中获取value，替换就是把value中可能包含的占位符替换成实际值，所以国际化的关键在于资源文件的加...
JAVA (Springboot) i18n 国际化语言配置
热门推荐
weixin_47054648的博客
05-29 1万+
在 Spring Boot 应用中，国际化（i18n）是一项重要功能，它允许应用根据用户的区域设置（Locale），动态地提供不同语言的内容。这使得应用能够轻松适应全球范围内不同语言和地区用户的需求，增强用户体验。Spring Boot 对国际化的支持基于 Spring 框架的 i18n 功能，并进行了简化配置，使其在 Spring Boot 项目中更易于实现。
网页国际化i18n
03-26
### 实现网页国际化的方法 #### 背景介绍 网页国际化（Internationalization, i18n）是指让网站能够适应不同语言和地区的需求，从而提升用户体验。其实现有多种方式和技术栈可以选择，具体取决于项目的前后端架构。 --- #### 前端国际化实现方法 对于前端部分，可以采用专门的国际化库来简化开发流程。以下是几种常见的技术方案： ##### 使用 `react-intl` 或 `i18next-react` (针对 React 应用) React 生态中有多个成熟的国际化解决方案。例如，`react-intl` 提供了一套完整的 API 来处理翻译和格式化操作[^2]。通过定义资源文件并加载对应的翻译内容，可以轻松切换语言环境。 示例代码如下： ```javascript import { FormattedMessage } from 'react-intl'; function App() { return ( <div> {/* 动态显示翻译后的文本 */} <FormattedMessage id="button.login" defaultMessage="Login" /> </div> ); } ``` ##### Vue.js 的官方插件 `vue-i18n` 如果项目基于 Vue.js，则推荐使用其官方插件 `vue-i18n`。该插件允许开发者以简单的方式添加多语言支持，并提供灵活的消息解析功能。 安装与初始化过程如下： ```bash npm install vue-i18n ``` 配置实例： ```javascript import { createI18n } from 'vue-i18n'; const messages = { en: { greeting: 'Hello' }, zh: { greeting: '你好' } }; export const i18n = createI18n({ locale: 'en', messages, }); ``` 调用时可以直接绑定 `$t` 方法获取对应的语言字符串： ```html <p>{{ $t('greeting') }}</p> ``` ##### Angular 内置国际化支持 Angular 自带了强大的国际化工具链，包括 `i18n` 属性标记以及命令行工具 `ng xi18n` 抽取模板中的可译文字。这种方式适合大型企业级应用，因为它能很好地融入整个构建体系。 创建英文版 JSON 文件作为基础数据源： ```json { "button": { "confirm": "Confirm", "login": "Login" } } ``` 之后运行提取脚本生成 `.xlf` 文件以便后续翻译人员编辑。 --- #### 后端国际化实现方法 后端同样需要参与国际化逻辑，尤其是当动态生成的内容较多或者涉及复杂的业务场景时。下面列举一种典型的 Spring Boot 配合 Thymeleaf 完成国际化的工作流[^3]。 ##### 创建 Resource Bundle 文件 在 resources 下建立名为 `messages.properties` 及其他语言版本如 `messages_zh_CN.properties` 的属性文件存储键值对形式的信息。 ```properties welcome.message=Welcome to our website. ``` 中文版本则写入相应的本地化表达： ```properties welcome.message=欢迎访问我们的网站。 ``` ##### 配置 LocaleResolver 和拦截器 为了让服务器感知客户端请求携带的语言偏好设置，需自定义一个 `LocaleChangeInterceptor` 并注册至 WebMvcConfigurer 中去监听特定参数改变当前会话所使用的区域信息[^1]。 核心片段展示： ```java @Bean public LocaleResolver localeResolver(){ SessionLocaleResolver resolver=new SessionLocaleResolver(); resolver.setDefaultLocale(Locale.US); return resolver; } @Override public void addInterceptors(InterceptorRegistry registry){ LocaleChangeInterceptor interceptor=new LocaleChangeInterceptor(); interceptor.setParamName("lang"); registry.addInterceptor(interceptor); } ``` 此时 URL 参数中加入 ?lang=en 即可触发切换效果。 ##### 整合视图层渲染机制 最后一步是在 HTML 页面里嵌入占位符等待实际替换发生。借助 Thymeleaf 模板引擎完成最终呈现阶段的操作: ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head></head> <body> <h1 th:text="#{welcome.message}"></h1> </body> </html> ``` 以上便是从前到后的完整思路概述。 --- #### 总结说明 无论是专注于哪一侧的技术选型还是混合模式下协同作业，都需要考虑一致性维护成本、性能开销等因素综合评估最佳实践路径。希望上述分享对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值