设置页、弹窗逻辑、跳转逻辑

视频播放逻辑优化
2025-09-11 00:03:22 +08:00
parent a6b15778a8
commit 7dedbf124c
24 changed files with 2338 additions and 1381 deletions
@@ -0,0 +1,111 @@
+import { _decorator, Component, Node, Label, tween, Vec3, UIOpacity } from "cc";
+import li_BaseView from "../../../Main/Common/li_BaseView";
+import Utils from "../../../Main/Common/Utils";
+import { ViewManager } from "../../../Main/Manager/ViewManager";
+import { GButton } from "../../../Main/Common/GButton";
+
+const { ccclass, property } = _decorator;
+
+interface TipsPanelData {
+  content: string;
+  duration?: number;
+  autoClose?: boolean;
+}
+
+@ccclass("TipsPanel")
+export class TipsPanel extends li_BaseView {
+  private _nodeTab: any = {};
+  private _data: TipsPanelData;
+  private contentLabel: Label;
+
+  static show(content: string, duration: number = 1) {
+    ViewManager.I.openBundlesPopupView("TipsPanel", {
+      content: content,
+      duration: duration,
+      autoClose: true,
+    });
+  }
+
+  onLoadCT() {
+    Utils.parseNode(this.node, this._nodeTab);
+    this.contentLabel = this._nodeTab.text.getComponent(Label);
+    this.setupUI();
+    
+    // 如果数据已经传入，立即更新内容
+    if (this._data) {
+      this.updateContent();
+    }
+  }
+
+  openUIData(data: TipsPanelData) {
+    this._data = data;
+    
+    // 如果UI已经初始化，立即更新内容
+    if (this.contentLabel) {
+      this.updateContent();
+    }
+  }
+
+  private setupUI() {
+    if (this._nodeTab.mask) {
+      GButton.BandClick(this._nodeTab.mask, this.onMaskClick, this);
+    }
+
+    this.node.setScale(Vec3.ZERO);
+    const uiOpacity =
+      this.node.getComponent(UIOpacity) || this.node.addComponent(UIOpacity);
+    uiOpacity.opacity = 0;
+
+    this.playShowAnimation();
+  }
+
+  private updateContent() {
+    if (this.contentLabel && this._data) {
+      this.contentLabel.string = this._data.content;
+
+      if (this._data.autoClose !== false) {
+        const duration = this._data.duration || 1;
+        this.scheduleOnce(this.autoClose, duration);
+      }
+    }
+  }
+
+  private playShowAnimation() {
+    const uiOpacity = this.node.getComponent(UIOpacity);
+
+    tween(this.node)
+      .to(0.3, { scale: Vec3.ONE }, { easing: "backOut" })
+      .start();
+
+    tween(uiOpacity).to(0.3, { opacity: 255 }).start();
+  }
+
+  private playHideAnimation(callback?: () => void) {
+    const uiOpacity = this.node.getComponent(UIOpacity);
+
+    tween(this.node)
+      .to(0.2, { scale: new Vec3(0.8, 0.8, 1) })
+      .start();
+
+    tween(uiOpacity)
+      .to(0.2, { opacity: 0 })
+      .call(() => {
+        callback && callback();
+      })
+      .start();
+  }
+
+  private onMaskClick() {
+    this.closePanel();
+  }
+
+  private autoClose() {
+    this.closePanel();
+  }
+
+  private closePanel() {
+    this.playHideAnimation(() => {
+      this.close();
+    });
+  }
+}