多语言配置化

2025-08-12 20:22:54 +08:00
parent 707946304e
commit dfa3179094
19 changed files with 3490 additions and 205 deletions
@@ -0,0 +1,122 @@
+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);
+    }
+}