调整布局、新增导航栏，调整页面跳转逻辑

2025-09-12 18:20:41 +08:00
parent c11a310ea1
commit 0e86ba3454
23 changed files with 4677 additions and 618 deletions
@@ -0,0 +1,130 @@
+import { _decorator, Component, Label, Node } from "cc";
+import li_BaseView from "db://assets/Scripts/Main/Common/li_BaseView";
+import Utils from "db://assets/Scripts/Main/Common/Utils";
+import { GButton } from "db://assets/Scripts/Main/Common/GButton";
+import { ViewManager } from "db://assets/Scripts/Main/Manager/ViewManager";
+import {
+  NavigationManager,
+  PageTransitionType,
+  PanelType,
+} from "../../manager/NavigationManager";
+import { InnerMsgCode } from "../../../Main/Config/InnerMsgCode";
+import GameRootUI from "../../../Main/Common/GameRootUI";
+import { UITransitionHelper } from "../../utils/UITransitionHelper";
+import { ThemePanel } from "./ThemePanel";
+
+const { ccclass, property } = _decorator;
+
+@ccclass("NavigationPanel")
+export class NavigationPanel extends li_BaseView {
+  private _nodeTab: any = {};
+  private currentActivePanel: PanelType = PanelType.THEME;
+
+  private themeBtn: Node;
+  private girlDetailBtn: Node;
+  private chatBtn: Node;
+  private settingBtn: Node;
+
+  private loadingView: Node;
+
+  onLoadCT() {
+    Utils.parseNode(this.node, this._nodeTab);
+
+    this.themeBtn = this._nodeTab.themeBtn;
+    this.girlDetailBtn = this._nodeTab.girlDetailBtn;
+    this.chatBtn = this._nodeTab.chatBtn;
+    this.settingBtn = this._nodeTab.settingBtn;
+    this.loadingView = this._nodeTab.loadingView;
+
+    this.hideLoading();
+
+    // 注册到NavigationManager
+    NavigationManager.Instance.registerNavigationPanel(this);
+
+    this.registerListener();
+    this.updateButtonStates(PanelType.THEME);
+
+    // 初次打开时通过NavigationManager切换到主题面板
+    this.initializeFirstPanel();
+  }
+
+  private registerListener() {
+    // 所有按钮点击都通过NavigationManager处理
+    GButton.BandClick(
+      this.themeBtn,
+      () => NavigationManager.Instance.switchToPanel(PanelType.THEME),
+      this
+    );
+    GButton.BandClick(
+      this.girlDetailBtn,
+      () => NavigationManager.Instance.switchToPanel(PanelType.GIRL_DETAIL),
+      this
+    );
+    GButton.BandClick(
+      this.chatBtn,
+      () => NavigationManager.Instance.switchToPanel(PanelType.CHAT),
+      this
+    );
+    GButton.BandClick(
+      this.settingBtn,
+      () => NavigationManager.Instance.switchToPanel(PanelType.SETTING),
+      this
+    );
+  }
+
+  /**
+   * 更新按钮状态（公开方法，供NavigationManager调用）
+   * @param activePanel 当前激活的面板类型
+   */
+  public updateButtonStates(activePanel: PanelType) {
+    this.currentActivePanel = activePanel;
+    this._nodeTab.CurrentPanel.getComponent(Label).string =
+      this.currentActivePanel;
+    this.refreshButtonVisuals();
+  }
+
+  /**
+   * 刷新按钮的视觉状态
+   */
+  private refreshButtonVisuals() {
+    // TODO: 实现按钮状态更新的视觉效果
+    // 根据 currentActivePanel 更新按钮的选中状态
+    console.log(
+      "[NavigationPanel] Button states updated for:",
+      this.currentActivePanel
+    );
+  }
+
+  private initializeFirstPanel() {
+    // 初次打开时通过NavigationManager切换到主题面板
+    NavigationManager.Instance.switchToPanel(PanelType.THEME, true);
+  }
+
+  public showPanel() {
+    this.node.active = true;
+  }
+
+  public hidePanel() {
+    this.node.active = false;
+  }
+
+  /**
+   * 显示加载状态（公开方法，供NavigationManager调用）
+   */
+  public showLoading() {
+    if (this.loadingView) {
+      this.loadingView.active = true;
+    }
+  }
+
+  /**
+   * 隐藏加载状态（公开方法，供NavigationManager调用）
+   */
+  public hideLoading() {
+    if (this.loadingView) {
+      this.loadingView.active = false;
+    }
+  }
+
+  onDestroy(): void {}
+}