如果你的游戏需要推广到海外，游戏语言是中文那肯定是不行的。必须转换为相对应的语言，比如说你在欧美推广，那你就需要转换为英文，所以游戏中必须有切换语言的选项，相信大家玩过大部分大型的游戏都是有这个选项的，这里主要介绍英文的转换，其他语言也是一样的。不懂得或者有其他问题的可以加qq讨论群：706176551。
1.我们需要去下载i18n转换语言的插件
用Creator创建一个空白项目
image.png
image.png
image.png
image.png
image.png
image.png
image.png
2.创建自己需要的语言文件
打开->扩展->i18n，它会弹出一个界面
image.png
image.png
image.png
3.编辑语言文件的内容
双击打开zh.js脚本，我们为脚本增加一些内容
image.png
image.png
4.搭建一个简单的界面来测试
界面如下，分别是单选框toggle组件和lable组件
image.png
image.png
image.png
image.png
5.语言的初始化和切换
创建一个i18n的TypeScript脚本，挂载在Canvas下，
image.png
image.png
image.png
image.png
下面贴上涉及到的完整代码
zh.js
'use strict';
if (!window.i18n) {
window.i18n = {};
}
if (!window.i18n.languages) {
window.i18n.languages = {};
}
window.i18n.languages['zh'] = {
// write your key value pairs here
"label_text": {
"hello": "你好！",
"bye": "再见！",
"zh":"中文:",
"en":"英文:"
}
};
en.js
'use strict';
if (!window.i18n) {
window.i18n = {};
}
if (!window.i18n.languages) {
window.i18n.languages = {};
}
window.i18n.languages['en'] = {
// write your key value pairs here
"label_text": {
"hello": "Hello",
"bye": "Bye",
"zh":"Chinese:",
"en":"English:"
}
};
i18n.ts
import _i18n = require("LanguageData");
const {ccclass, property} = cc._decorator;
@ccclass
export default class i18n extends cc.Component {
onLoad () {
_i18n.init("zh"); //初始化中文,参数是我们创建语言的名字
}
start () {
}
update (dt) {
//如果切换了语言，会刷新文字
_i18n.updateSceneRenderers();
}
//切换中文
OnZHToggleClick(e){
if (e.isChecked) {
_i18n.init("zh")
}
}
//切换英文
OnENToggleClick(e){
if (e.isChecked) {
_i18n.init("en")
}
}
}
