167 lines
4.8 KiB
TypeScript
167 lines
4.8 KiB
TypeScript
/**
|
||
* @file MissionHomeComp.ts
|
||
* @description 任务主页组件(UI 视图层)
|
||
*
|
||
* 职责:
|
||
* 1. 作为玩家进入游戏后第一个看到的界面(主菜单/大厅)。
|
||
* 2. 提供"开始任务"按钮,触发 GameEvent.MissionStart 进入战斗。
|
||
* 3. 提供"排行榜"按钮,打开 RanksComp 弹窗。
|
||
* 4. 监听 MissionEnd 事件,任务结束后自动切回主页。
|
||
*
|
||
* 关键设计:
|
||
* - start_mission() 分发 MissionStart 事件并隐藏自身节点。
|
||
* - mission_end() 响应后重新显示主页。
|
||
* - isWxClient() 检测是否运行在微信小游戏环境。
|
||
*
|
||
* 依赖:
|
||
* - GameEvent.MissionStart / MissionEnd —— 游戏生命周期事件
|
||
* - UIID.Mission —— 战斗界面 ID
|
||
*/
|
||
import { _decorator, instantiate, Prefab, resources, Sprite, SpriteAtlas, UITransform ,Node} from "cc";
|
||
import { ecs } from "../../../../extensions/oops-plugin-framework/assets/libs/ecs/ECS";
|
||
import { CCComp } from "../../../../extensions/oops-plugin-framework/assets/module/common/CCComp";
|
||
import { oops } from "../../../../extensions/oops-plugin-framework/assets/core/Oops";
|
||
import { smc } from "../common/SingletonModuleComp";
|
||
import { GameEvent } from "../common/config/GameEvent";
|
||
import { Timer } from "db://oops-framework/core/common/timer/Timer";
|
||
import { mLogger } from "../common/Logger";
|
||
import { UIID } from "../common/config/GameUIConfig";
|
||
|
||
const { ccclass, property } = _decorator;
|
||
|
||
/**
|
||
* MissionHomeComp —— 任务主页视图组件
|
||
*
|
||
* 游戏大厅界面,提供开始战斗和查看排行的入口。
|
||
*/
|
||
@ccclass('MissionHomeComp')
|
||
@ecs.register('MissionHome', false)
|
||
export class MissionHomeComp extends CCComp {
|
||
/** 调试日志开关 */
|
||
debugMode: boolean = false;
|
||
|
||
/** 主页按钮节点(预留) */
|
||
@property(Node)
|
||
home_btn=null!
|
||
/** 英雄图鉴按钮节点(预留) */
|
||
@property(Node)
|
||
hero_btn=null!
|
||
/** 排行榜按钮节点 */
|
||
@property(Node)
|
||
rank_btn=null!
|
||
/** 天赋按钮节点 */
|
||
@property(Node)
|
||
tals_btn=null!
|
||
|
||
|
||
@property(Node)
|
||
heros_page=null!
|
||
@property(Node)
|
||
talents_page=null!
|
||
@property(Node)
|
||
ranks_page=null!
|
||
|
||
|
||
/** 注册任务结束事件 */
|
||
protected onLoad(): void {
|
||
this.on(GameEvent.MissionEnd,this.mission_end,this)
|
||
}
|
||
|
||
/** 启动时显示主页 */
|
||
start() {
|
||
this.home_active()
|
||
}
|
||
|
||
onEnable(){
|
||
}
|
||
|
||
update(dt:number){
|
||
|
||
}
|
||
|
||
/**
|
||
* 开始任务:
|
||
* 1. 打印日志。
|
||
* 2. 分发 MissionStart 事件,驱动 MissionComp / MissionCardComp 初始化战斗。
|
||
* 3. 隐藏主页节点。
|
||
* 4. 隐藏 mapLayer 下的 main 节点。
|
||
*/
|
||
start_mission() {
|
||
mLogger.log(this.debugMode, 'MissionHomeComp', "start_mission")
|
||
oops.gui.open(UIID.Mission)
|
||
this.node.active=false;
|
||
|
||
// 隐藏 mapLayer 下的 main 节点
|
||
|
||
|
||
}
|
||
|
||
private showPage(page: Node) {
|
||
this.heros_page.active = (page === this.heros_page)
|
||
this.talents_page.active = (page === this.talents_page)
|
||
this.ranks_page.active = (page === this.ranks_page)
|
||
|
||
this.setBarActive(this.hero_btn, page === this.heros_page)
|
||
this.setBarActive(this.tals_btn, page === this.talents_page)
|
||
this.setBarActive(this.rank_btn, page === this.ranks_page)
|
||
this.setBarActive(this.home_btn, false)
|
||
}
|
||
|
||
private hideAllPages() {
|
||
this.heros_page.active = false
|
||
this.talents_page.active = false
|
||
this.ranks_page.active = false
|
||
|
||
this.setBarActive(this.home_btn, true)
|
||
this.setBarActive(this.hero_btn, false)
|
||
this.setBarActive(this.tals_btn, false)
|
||
this.setBarActive(this.rank_btn, false)
|
||
}
|
||
|
||
private setBarActive(btn: Node, active: boolean) {
|
||
if (!btn) return
|
||
const child = btn.getChildByName("active")
|
||
if (child) child.active = active
|
||
}
|
||
|
||
openRanks() {
|
||
this.showPage(this.ranks_page)
|
||
}
|
||
openHero() {
|
||
this.showPage(this.heros_page)
|
||
}
|
||
openTalents() {
|
||
this.showPage(this.talents_page)
|
||
}
|
||
/** 任务结束回调:重新显示主页 */
|
||
mission_end(){
|
||
mLogger.log(this.debugMode, 'MissionHomeComp', "[MissionHomeComp]=>mission_end")
|
||
this.home_active()
|
||
}
|
||
|
||
/** 激活主页显示:刷新数据并显示节点 */
|
||
home_active(){
|
||
this.uodate_data()
|
||
this.hideAllPages()
|
||
this.node.active=true
|
||
}
|
||
|
||
/** 更新主页显示数据(预留) */
|
||
uodate_data(){
|
||
|
||
}
|
||
|
||
/**
|
||
* 判断是否运行在微信小游戏环境。
|
||
* @returns true = 微信小游戏环境
|
||
*/
|
||
isWxClient(){
|
||
return typeof wx !== 'undefined' && typeof (wx as any).getSystemInfoSync === 'function';
|
||
}
|
||
|
||
|
||
/** ECS 组件移除时销毁节点 */
|
||
reset() {
|
||
this.node.destroy();
|
||
}
|
||
} |