122 lines
3.6 KiB
TypeScript
122 lines
3.6 KiB
TypeScript
import { _decorator, Component, Node, Button, Label, Sprite } from 'cc';
|
|
import LanguageUtils, { LanguageType } from '../../Main/Common/LanguageUtils';
|
|
import { ViewManager } from '../../Main/Manager/ViewManager';
|
|
import AudioManager from '../../Main/Manager/AudioManager';
|
|
|
|
const { ccclass, property } = _decorator;
|
|
|
|
@ccclass('LanguageToggleButton')
|
|
export class LanguageToggleButton extends Component {
|
|
@property(Label)
|
|
private languageLabel: Label = null;
|
|
|
|
@property(Sprite)
|
|
private flagIcon: Sprite = null;
|
|
|
|
@property({
|
|
displayName: "Panel Prefab Path",
|
|
tooltip: "语言选择面板的预制体路径"
|
|
})
|
|
private panelPath: string = "prefabs/UI/SimpleLanguagePanel";
|
|
|
|
private button: Button = null;
|
|
|
|
onLoad() {
|
|
this.button = this.node.getComponent(Button);
|
|
if (!this.button) {
|
|
this.button = this.node.addComponent(Button);
|
|
}
|
|
|
|
this.bindEvents();
|
|
this.updateDisplay();
|
|
}
|
|
|
|
onEnable() {
|
|
this.updateDisplay();
|
|
LanguageUtils.onLanguageChanged(this.onLanguageChanged, this);
|
|
}
|
|
|
|
onDisable() {
|
|
LanguageUtils.offLanguageChanged(this.onLanguageChanged, this);
|
|
}
|
|
|
|
private bindEvents() {
|
|
if (this.button) {
|
|
this.button.node.on(Button.EventType.CLICK, this.onClick, this);
|
|
}
|
|
}
|
|
|
|
private onClick() {
|
|
AudioManager.I.playSfx("click");
|
|
|
|
// 快速切换模式（循环切换语言）
|
|
if (this.isQuickToggleMode()) {
|
|
this.quickToggleLanguage();
|
|
} else {
|
|
// 打开语言选择面板
|
|
this.openLanguagePanel();
|
|
}
|
|
}
|
|
|
|
private isQuickToggleMode(): boolean {
|
|
// 可以通过按住Shift键或其他条件来判断是否快速切换
|
|
return false;
|
|
}
|
|
|
|
private quickToggleLanguage() {
|
|
const languages = LanguageUtils.getAvailableLanguages();
|
|
const currentLang = LanguageUtils.CurrentLanguage;
|
|
const currentIndex = languages.indexOf(currentLang);
|
|
const nextIndex = (currentIndex + 1) % languages.length;
|
|
|
|
LanguageUtils.setLanguage(languages[nextIndex]);
|
|
}
|
|
|
|
private openLanguagePanel() {
|
|
// 使用ViewManager打开语言选择面板
|
|
if (this.panelPath && this.panelPath.length > 0) {
|
|
ViewManager.I.openView(this.panelPath);
|
|
} else {
|
|
console.warn("Language panel path not set!");
|
|
// 如果没有设置面板路径，使用快速切换
|
|
this.quickToggleLanguage();
|
|
}
|
|
}
|
|
|
|
private onLanguageChanged(language: LanguageType) {
|
|
this.updateDisplay();
|
|
}
|
|
|
|
private updateDisplay() {
|
|
const currentLang = LanguageUtils.CurrentLanguage;
|
|
|
|
if (this.languageLabel) {
|
|
// 显示当前语言的缩写或名称
|
|
this.languageLabel.string = this.getLanguageDisplay(currentLang);
|
|
}
|
|
|
|
// 如果有旗帜图标，可以在这里更新
|
|
if (this.flagIcon) {
|
|
// 需要根据语言加载对应的旗帜图标
|
|
// this.loadFlagIcon(currentLang);
|
|
}
|
|
}
|
|
|
|
private getLanguageDisplay(language: LanguageType): string {
|
|
// 可以选择显示缩写或完整名称
|
|
const useAbbreviation = true;
|
|
|
|
if (useAbbreviation) {
|
|
return language.toUpperCase();
|
|
} else {
|
|
return LanguageUtils.getLanguageDisplayName(language);
|
|
}
|
|
}
|
|
|
|
onDestroy() {
|
|
if (this.button) {
|
|
this.button.node.off(Button.EventType.CLICK, this.onClick, this);
|
|
}
|
|
LanguageUtils.offLanguageChanged(this.onLanguageChanged, this);
|
|
}
|
|
} |