CocosCreator多语言包的处理

最新推荐文章于 2024-06-21 17:13:18 发布

鱼儿-1226

最新推荐文章于 2024-06-21 17:13:18 发布

阅读量1.4k

点赞数

分类专栏： cocos 文章标签： cocos2d-js

本文链接：https://blog.csdn.net/qq_21743659/article/details/108226267

版权

cocos 专栏收录该内容

217 篇文章 21 订阅

订阅专栏

如果项目需要国际化的处理，也就是需要切换语言的功能时，一般有两种方案：

单个包

优点：

1.可以动态切换语言（当然要代码上实现）

2.只有一个版本，容易维护

缺点：

1.安装包大

多个包

优点：

1.安装包小

2.可以对不同语言做深入的本地化（比如功能不同）

缺点：

1.需要发多次审核

2.多个版本维护

下面，我们只讨论单个包的情况

因为CocosCreator的i18已经不灵了，所以我们自己动手搞一个。

要完成这个需求，大概需要四个文件：

1.LanguageMgr.ts

2.LanguageSprite.ts

3.LanguageLabel.ts

4.language.json

LanguageMgr.ts:

/*
多语言管理类，主要功能是加载多语言的图片和文字
*/
import { EventMgr } from "./EventMgr";
import { GlobalEvent } from "../model/EventType";
import { config } from "./config";
import { CallNative } from "./CallNative";
import { LanguageEnum } from "./Enum";
export class LanguageMgr {
static languageJson = null;
static kind = "EN";
/**
* 加载多语言json
*/
static initLanguageJson() {
this.languageJson = config.getOneConfig("language");
};
static init() {
this.initLanguageJson();
let kind = "EN";
if (cc.sys.localStorage.getItem("lanAndCountry")) {
kind = cc.sys.localStorage.getItem("lanAndCountry");
} else {
let lanAndCountry = CallNative.getLanguage();
if (lanAndCountry.substr(0, 2) == "zh") {
kind = LanguageEnum.tc;
} else {
kind = LanguageEnum.en;
}
}
this.setKind(kind);
}
/**
* 设置语言类型
* @param kind
*/
static setKind(kind: string) {
this.kind = kind;
}
/**
* 获取当前语言类型
* @param kind
*/
static getKind() {
return this.kind;
}
/**
* 修改语言
* @param kind
*/
static changeLanguage = function (kind: string) {
if (this.kind != kind) {
this.setKind(kind);
cc.sys.localStorage.setItem("lanAndCountry", kind);
EventMgr.sendNormalEvent(GlobalEvent.CHANGE_LANGUAGE);
}
}
/**
* 获取语言包的key
* @param text
* @param param
*/
static getText = function (text: string, param?: { "$param1": string | number }) {
if (this.languageJson && this.languageJson[text]) {
let str: string = this.languageJson[text][this.kind] || "";
if (param) {
if (param["$param1"] !== undefined) str = str.replace("$param1", param["$param1"].toString());
}
return str;
} else if (text == "") {
return "";
} else {
console.log("文本 " + text + " 没有多语言");
return text;
}
}
}

LanguageSprite.ts:

import { LanguageMgr } from "../common/LanguageMgr";
import { GlobalEvent } from "../model/EventType";
const { ccclass, property, menu, requireComponent, disallowMultiple } = cc._decorator;
/**
* 多语言的图片初始化
*/
@ccclass
@menu("多语言/sprite")
@requireComponent(cc.Sprite)
@disallowMultiple
export default class LanguageSprite extends cc.Component {
@property(cc.SpriteFrame)
en: cc.SpriteFrame = null;
@property(cc.SpriteFrame)
sc: cc.SpriteFrame = null;
@property(cc.SpriteFrame)
tc: cc.SpriteFrame = null;
start() {
cc.director.on(GlobalEvent.CHANGE_LANGUAGE, this.changeLanguage, this);
this.changeLanguage();
}
/**
* 监听切换语言事件
*/
changeLanguage() {
if (LanguageMgr.getKind() == "EN") {
this.getComponent(cc.Sprite).spriteFrame = this.en;
} else if (LanguageMgr.getKind() == "TC") {
this.getComponent(cc.Sprite).spriteFrame = this.tc;
} else {
if (this.sc) {
this.getComponent(cc.Sprite).spriteFrame = this.sc;
} else {
this.getComponent(cc.Sprite).spriteFrame = this.tc;
}
}
}
}

LanguageLabel.ts:

import { GlobalEvent } from "../model/EventType";
import { LanguageMgr } from "../common/LanguageMgr";
const { ccclass, property, menu, requireComponent, disallowMultiple } = cc._decorator;
@ccclass
@menu("多语言/label")
@requireComponent(cc.Label)
@disallowMultiple
export default class LanguageLabel extends cc.Component {
// LIFE-CYCLE CALLBACKS:
// onLoad () {}
@property
prefix: string = "";
@property
suffix: string = "";
@property
text: string = "";
start() {
cc.director.on(GlobalEvent.CHANGE_LANGUAGE, this.changeLanguage, this);
this.changeLanguage();
}
/**
* 监听切换语言事件
*/
changeLanguage() {
var label = this.getComponent(cc.Label);
if (label) {
label.string = this.prefix + LanguageMgr.getText(this.text) + this.suffix;
} else {
console.log(this.node.name + " 挂载的节点没有label组件！");
}
}
// update (dt) {}
}