736 lines
30 KiB
TypeScript
736 lines
30 KiB
TypeScript
/************************************************************************************
|
||
|
||
* FileName : UICollection.ts
|
||
* Description :
|
||
* Version : v1.0.0
|
||
* CreateTime : 2024-10-21 16:36:05
|
||
* Author :
|
||
* Copyright (c) since 2024
|
||
* ==============================================================
|
||
* Method Description:
|
||
*
|
||
* ==============================================================
|
||
************************************************************************************/
|
||
import {director, instantiate, Label, Node, Prefab, sp, Sprite, SpriteFrame, Toggle, v3} from 'cc';
|
||
import {tgx_class, tgxAudioMgr, tgxUIAlert, tgxUIController, tgxUIMgr, tgxUITipsBar} from "db://assets/core_tgx/tgx";
|
||
import {ModuleDef} from "db://assets/scripts/ModuleDef";
|
||
import {GameUILayers} from "db://assets/scripts/GameUILayers";
|
||
import {areanMgr} from "db://assets/module_arean/scripts/AreanManager";
|
||
import {IHeroCfg} from "db://assets/module_basic/shared/configs/interface/IHeroCfg";
|
||
import {ISkinCfg} from "db://assets/module_basic/shared/configs/interface/ISkinCfg";
|
||
import {
|
||
EAreanBuyType,
|
||
EHeroType,
|
||
ESkinQuality,
|
||
IServerHeroData
|
||
} from "db://assets/module_basic/shared/protocols/public/arean/AreanTypeDef";
|
||
import {UserMgr} from "db://assets/module_basic/scripts/UserMgr";
|
||
import {resLoader} from "db://assets/core_tgx/base/utils/ResLoader";
|
||
import {Layout_UICollection} from "db://assets/module_arean/ui_collection/Layout_UICollection";
|
||
import {HeroItem} from "db://assets/module_arean/ui_collection/HeroItem";
|
||
import {UserInfo} from "db://assets/module_basic/shared/types/UserInfo";
|
||
import {UIHeroStory} from "db://assets/module_arean/ui_hero_story/UIHeroStory";
|
||
import {UIGetHero} from "db://assets/module_arean/ui_getHero/UIGetHero";
|
||
import {RoomEvent} from '../../module_basic/scripts/GameMgr';
|
||
import {EMusicDefine} from '../../module_basic/scripts/MusicDefine';
|
||
import {IPropCfg} from "db://assets/module_basic/shared/configs/interface/IPropCfg";
|
||
import {CommonFun} from "db://assets/module_arean/scripts/CommonFun";
|
||
|
||
const enum ETAG_NAME {
|
||
Hero = 1,
|
||
Skin = 2,
|
||
}
|
||
|
||
// 英雄筛选条件
|
||
const enum EHeroCondition {
|
||
Date = 1, // 日期
|
||
Letter = 2, // 字母
|
||
Degree = 3, // 熟练度
|
||
Score = 4, // 英雄评分
|
||
}
|
||
|
||
// 英雄筛选条件
|
||
const enum ESkinCondition {
|
||
Date = 1, // 日期
|
||
Quality = 2, // 品质
|
||
Series = 3, // 系列
|
||
Hero = 4, // 英雄
|
||
}
|
||
|
||
// 英雄筛选条件（展示）
|
||
const HeroConditionName = {
|
||
[1] : "获取日期",
|
||
[2] : "按字母顺序",
|
||
[3] : "熟练度",
|
||
[4] : "英雄评分",
|
||
}
|
||
// 皮肤筛选条件（展示）
|
||
const SkinConditionName = {
|
||
[1] : "获取日期",
|
||
[2] : "品质",
|
||
[3] : "系列",
|
||
[4] : "英雄",
|
||
}
|
||
|
||
@tgx_class(ModuleDef.Arean)
|
||
export class UICollection extends tgxUIController {
|
||
// 当前选择的标签页面
|
||
private _curTagName : ETAG_NAME = null;
|
||
// 当前选择的英雄类型
|
||
private _curChooseHeroType : EHeroType = EHeroType.None;
|
||
// 当前选择的皮肤类型
|
||
private _curChooseSkinQuality : ESkinQuality = ESkinQuality.None;
|
||
// 筛选条件节点
|
||
private _ConditionHeroNodes: Map<EHeroType, Node> = new Map<EHeroType, Node>();
|
||
private _ConditionSkinNodes: Map<ESkinQuality, Node> = new Map<ESkinQuality, Node>();
|
||
|
||
// 英雄筛选条件
|
||
private _queryHeroCondition: EHeroCondition = EHeroCondition.Date;
|
||
// 皮肤筛选条件
|
||
private _querySkinCondition: ESkinCondition = ESkinCondition.Date;
|
||
|
||
// 当前选择的英雄ID
|
||
private _curChooseHeroID: number = null;
|
||
|
||
// 自定义查找的英雄
|
||
private _inputCustomHeroName: string = "";
|
||
|
||
// 自定义查找的皮肤
|
||
private _inputCustomSkinName: string = "";
|
||
|
||
private _userInfo : UserInfo = null;
|
||
|
||
// 命运当前选择是介绍还是详情1：介绍，2：详情
|
||
private _mingYunChooseTag : number = 1;
|
||
|
||
// 大招当前选择是介绍还是详情1：介绍，2：详情
|
||
private _bigSkillChooseTag : number = 1;
|
||
|
||
constructor() {
|
||
super("ui_collection/ui_collection", GameUILayers.POPUP, Layout_UICollection);
|
||
}
|
||
|
||
protected async onCreated(): Promise<void> {
|
||
let userInfo = await UserMgr.inst.rpc_GetUserInfo(UserMgr.inst.userId);
|
||
this._userInfo = userInfo;
|
||
this._curChooseHeroID = userInfo.heroId || 1001;
|
||
let layout: Layout_UICollection = this.layout as Layout_UICollection;
|
||
// 关闭界面
|
||
this.onButtonEvent(layout.btnClose, () => {
|
||
tgxAudioMgr.inst.playCommonBtn(EMusicDefine.EFFECT_CLOSE);
|
||
this.close();
|
||
})
|
||
|
||
this.onButtonEvent(layout.btnBuy, () => {
|
||
this._buyHero(EAreanBuyType.Coin);
|
||
})
|
||
|
||
this.onButtonEvent(layout.btnBuy2, () => {
|
||
this._buyHero(EAreanBuyType.Diamond);
|
||
})
|
||
|
||
this.onButtonEvent(layout.showSkinNodeBtn, () => {
|
||
tgxAudioMgr.inst.playCommonBtn(EMusicDefine.EFFECT_CLICK);
|
||
this._showSkinNode();
|
||
})
|
||
|
||
this.onButtonEvent(layout.btnDetail, () => {
|
||
tgxAudioMgr.inst.playCommonBtn(EMusicDefine.EFFECT_OPEN);
|
||
this._openDetail();
|
||
})
|
||
|
||
this.onButtonEvent(layout.mingYunBtn, () => {
|
||
tgxAudioMgr.inst.playCommonBtn(EMusicDefine.EFFECT_CLICK);
|
||
this._mingYunChooseTag = this._mingYunChooseTag == 1 ? 2 : 1;
|
||
this._changeMingYunToggleChecked();
|
||
})
|
||
|
||
this.onButtonEvent(layout.bigSkillBtn, () => {
|
||
tgxAudioMgr.inst.playCommonBtn(EMusicDefine.EFFECT_CLICK);
|
||
this._bigSkillChooseTag = this._bigSkillChooseTag == 1 ? 2 : 1;
|
||
this._changeBigSkillToggleChecked();
|
||
})
|
||
|
||
for (let i: number = 0; i < 5; i++) {
|
||
let toggle: Toggle = layout.heroToggleGroup.getChildByName(`Toggle${i + 1}`).getComponent(Toggle);
|
||
let attr: { tag: EHeroType } = {
|
||
tag: i
|
||
}
|
||
toggle.node.attr(attr);
|
||
this._ConditionHeroNodes.set(i, toggle.node);
|
||
toggle.node.on('toggle', (target: Toggle) => {
|
||
tgxAudioMgr.inst.playCommonBtn(EMusicDefine.EFFECT_CLICK);
|
||
//@ts-ignore
|
||
this._changeHeroToggleChecked(target.node.tag);
|
||
}, this);
|
||
}
|
||
|
||
// for (let i: number = 1; i < 3; i++) {
|
||
// let toggle: Toggle = layout.mingYunNode.getChildByName("ToggleGroup").getChildByName(`Toggle${i}`).getComponent(Toggle);
|
||
// let attr: { tag: number } = {
|
||
// tag: i
|
||
// }
|
||
// toggle.node.attr(attr);
|
||
// toggle.node.on('toggle', (target: Toggle) => {
|
||
// tgxAudioMgr.inst.playCommonBtn(EMusicDefine.EFFECT_CLICK);
|
||
// //@ts-ignore
|
||
// this._changeMingYunToggleChecked(target.node.tag);
|
||
// //@ts-ignore
|
||
// this._mingYunChooseTag = target.node.tag;
|
||
// }, this);
|
||
// }
|
||
|
||
// for (let i: number = 1; i < 3; i++) {
|
||
// let toggle: Toggle = layout.bigSkillNode.getChildByName("ToggleGroup").getChildByName(`Toggle${i}`).getComponent(Toggle);
|
||
// let attr: { tag: number } = {
|
||
// tag: i
|
||
// }
|
||
// toggle.node.attr(attr);
|
||
// toggle.node.on('toggle', (target: Toggle) => {
|
||
// tgxAudioMgr.inst.playCommonBtn(EMusicDefine.EFFECT_CLICK);
|
||
// //@ts-ignore
|
||
// this._changeBigSkillToggleChecked(target.node.tag);
|
||
// }, this);
|
||
// }
|
||
this._initData();
|
||
this._updateUI(ETAG_NAME.Hero);
|
||
}
|
||
|
||
// 初始化全部数据
|
||
private _initData() : void{
|
||
this._updateSpine();
|
||
this._updateName();
|
||
this._updateHeroType();
|
||
this._updateHeroCount();
|
||
this._updateHeroNode();
|
||
// this._updateSkinNode();
|
||
this._updateDestiny();
|
||
this._updateBigSkill();
|
||
this._changeMingYunToggleChecked();
|
||
this._changeBigSkillToggleChecked();
|
||
this._updateHeroSpine();
|
||
this._updateBuyBtnActive();
|
||
}
|
||
|
||
// 背景介绍
|
||
private _openDetail() : void{
|
||
console.log("打开背景介绍");
|
||
let curHeroData = areanMgr.cfgMgr.HeroDatas.getData(this._curChooseHeroID);
|
||
if(curHeroData){
|
||
tgxUIMgr.inst.showUI(UIHeroStory,null,null,`${curHeroData.name}的背景介绍\n${curHeroData.describe}`);
|
||
}
|
||
}
|
||
|
||
// 更新英雄spine
|
||
private _updateSpine() : void{
|
||
let localHeroData = areanMgr.cfgMgr.HeroDatas.getAllDataMap();
|
||
let curHeroData = localHeroData.get(this._curChooseHeroID);
|
||
if(curHeroData){
|
||
// resLoader.load<Prefab>(ModuleDef.Arean,`res/Prefebs/heroSpine/${curHeroData.skinRes}`,(err: Error, prefab: Prefab) => {
|
||
// if(err){
|
||
// console.error(err);
|
||
// return;
|
||
// }else {
|
||
// let layout: Layout_UICollection = this.layout as Layout_UICollection;
|
||
// let spineNode = instantiate(prefab);
|
||
// layout.heroSpineNode.destroyAllChildren();
|
||
// layout.heroSpineNode.addChild(spineNode);
|
||
// }
|
||
// })
|
||
}else {
|
||
console.error(`${this._curChooseHeroID}英雄数据不存在`);
|
||
}
|
||
}
|
||
|
||
// 更新英雄名字
|
||
private _updateName() : void{
|
||
let localHeroData = areanMgr.cfgMgr.HeroDatas.getAllDataMap();
|
||
let curHeroData = localHeroData.get(this._curChooseHeroID);
|
||
let layout: Layout_UICollection = this.layout as Layout_UICollection;
|
||
layout.heroName.string = "";
|
||
if(curHeroData){
|
||
layout.heroName.string = curHeroData.name;
|
||
}else {
|
||
console.error(`更新英雄名字${this._curChooseHeroID}英雄数据不存在`);
|
||
}
|
||
if(curHeroData){
|
||
let skinData = areanMgr.cfgMgr.SkinData.getData(curHeroData.skinRes[0]);
|
||
if(skinData){
|
||
layout.skinName.string = skinData.name;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
// 更新英雄类型图标
|
||
private _updateHeroType() : void{
|
||
let layout: Layout_UICollection = this.layout as Layout_UICollection;
|
||
let heroTypeNode = layout.heroTypeNode;
|
||
for (let i = 1; i < 4; i++) {
|
||
|
||
}
|
||
}
|
||
|
||
// 英雄数量
|
||
private _updateHeroCount() : void{
|
||
let layout: Layout_UICollection = this.layout as Layout_UICollection;
|
||
let count = UserMgr.inst.userInfo.hero.length;
|
||
let allCount = areanMgr.cfgMgr.HeroDatas.getAllData().length;
|
||
layout.heroCount.string = `${count}/${allCount}`;
|
||
}
|
||
|
||
// 当前选择的英雄数据
|
||
private _getCurHeroData() : IServerHeroData{
|
||
return this._userInfo.hero.find((v)=> v.heroId === this._curChooseHeroID);
|
||
}
|
||
|
||
private _updateHeroNode() : void{
|
||
let layout: Layout_UICollection = this.layout as Layout_UICollection;
|
||
let curHeroData = areanMgr.cfgMgr.HeroDatas.getData(this._curChooseHeroID);
|
||
let icon = layout.heroNode.getChildByName("icon");
|
||
let heroName = layout.heroNode.getChildByName("heroName");
|
||
if(curHeroData){
|
||
// let sp : SpriteFrame = resLoader.getSpriteFrame(`res/heroImg/${curHeroData.id}`,ModuleDef.Arean);
|
||
// if(sp) icon.getComponent(Sprite).spriteFrame = sp;
|
||
let skin = curHeroData.skinRes[0];
|
||
let skinId = areanMgr.cfgMgr.SkinData.getData(skin).icon
|
||
resLoader.load<Prefab>(ModuleDef.Arean,`res/Prefebs/heroSpine/${skinId}`,(err: Error, prefab: Prefab) => {
|
||
if(err){
|
||
console.error(err);
|
||
return;
|
||
}else {
|
||
let spineNode = instantiate(prefab);
|
||
icon.destroyAllChildren();
|
||
icon.addChild(spineNode);
|
||
spineNode.scale = v3(0.8,0.8,1);
|
||
spineNode.position = v3(0,-60,0);
|
||
spineNode.getComponent(sp.Skeleton).animation = null;
|
||
}
|
||
})
|
||
let skinData = areanMgr.cfgMgr.SkinData.getData(curHeroData.skinRes[0]);
|
||
if(skinData){
|
||
heroName.getComponent(Label).string = skinData.name;
|
||
}
|
||
}
|
||
}
|
||
|
||
// 命运
|
||
private _updateDestiny() : void{
|
||
let layout: Layout_UICollection = this.layout as Layout_UICollection;
|
||
let curHeroData = areanMgr.cfgMgr.HeroDatas.getData(this._curChooseHeroID);
|
||
if(curHeroData){
|
||
let destinyId : number = curHeroData.fateId;
|
||
let destinyData = areanMgr.cfgMgr.FateDatas.getData(destinyId);
|
||
let icon = layout.mingYunNode.getChildByName("icon");
|
||
let name = layout.mingYunNode.getChildByName("lab2");
|
||
let content = layout.mingYunNode.getChildByName("content");
|
||
let sp : SpriteFrame = resLoader.getSpriteFrame(`res/Image/DestinyIcon/destiny_${destinyId}`,ModuleDef.Arean);
|
||
if(sp) icon.getComponent(Sprite).spriteFrame = sp;
|
||
name.getComponent(Label).string = destinyData.fateName;
|
||
content.getComponent(Label).string = destinyData.fateEffect;
|
||
}
|
||
}
|
||
|
||
// 刷新命运toggle状态
|
||
private _changeMingYunToggleChecked() : void{
|
||
let layout: Layout_UICollection = this.layout as Layout_UICollection;
|
||
let content = layout.mingYunNode.getChildByName("content");
|
||
let curHeroData = areanMgr.cfgMgr.HeroDatas.getData(this._curChooseHeroID);
|
||
let str = "";
|
||
if(curHeroData) {
|
||
let destinyId: number = curHeroData.fateId;
|
||
let destinyData = areanMgr.cfgMgr.FateDatas.getData(destinyId);
|
||
this._mingYunChooseTag === 1 ? str = destinyData.fateEffect : str = destinyData.fateDescribe;
|
||
}
|
||
let toggle = layout.mingYunNode.getChildByName("ToggleGroup");
|
||
toggle.getChildByName("Toggle1").getComponent(Toggle).isChecked = this._mingYunChooseTag === 1;
|
||
toggle.getChildByName("Toggle2").getComponent(Toggle).isChecked = this._mingYunChooseTag === 2;
|
||
content.getComponent(Label).string = str;
|
||
}
|
||
|
||
// 大招
|
||
private _updateBigSkill() : void{
|
||
let layout: Layout_UICollection = this.layout as Layout_UICollection;
|
||
let curHeroData = areanMgr.cfgMgr.HeroDatas.getData(this._curChooseHeroID);
|
||
if(curHeroData){
|
||
let skillData = areanMgr.cfgMgr.SkillDatas.getData(curHeroData.mainSkill[0]);
|
||
let icon = layout.bigSkillNode.getChildByName("icon");
|
||
let name = layout.bigSkillNode.getChildByName("lab2");
|
||
let content = layout.bigSkillNode.getChildByName("content");
|
||
let sp : SpriteFrame = resLoader.getSpriteFrame(`res/Image/skill/skillIcon_${skillData.id}`,ModuleDef.Arean);
|
||
if(sp) icon.getComponent(Sprite).spriteFrame = sp;
|
||
name.getComponent(Label).string = skillData.skillname;
|
||
content.getComponent(Label).string = skillData.effectDescribe;
|
||
}
|
||
}
|
||
|
||
// 刷新大招toggle状态
|
||
private _changeBigSkillToggleChecked() : void{
|
||
let layout: Layout_UICollection = this.layout as Layout_UICollection;
|
||
let content = layout.bigSkillNode.getChildByName("content");
|
||
let str = "";
|
||
let curHeroData = areanMgr.cfgMgr.HeroDatas.getData(this._curChooseHeroID);
|
||
if(curHeroData) {
|
||
let skillData = areanMgr.cfgMgr.SkillDatas.getData(curHeroData.mainSkill[0]);
|
||
this._bigSkillChooseTag === 1 ? str = skillData.effectDescribe : str = skillData.effectDescribe;
|
||
}
|
||
let toggle = layout.bigSkillNode.getChildByName("ToggleGroup");
|
||
toggle.getChildByName("Toggle1").getComponent(Toggle).isChecked = this._bigSkillChooseTag === 1;
|
||
toggle.getChildByName("Toggle2").getComponent(Toggle).isChecked = this._bigSkillChooseTag === 2;
|
||
content.getComponent(Label).string = str;
|
||
}
|
||
|
||
// // 初始化筛选条件的点击事件
|
||
// private _initLayout() {
|
||
// let layout : Layout_UICollection = this.layout as Layout_UICollection;
|
||
// let children : Node[] = layout.heroChooseLayout.children;
|
||
// let len : number = children.length;
|
||
// for (let i = 0; i < len; i++) {
|
||
// let element : Node = children[i];
|
||
// let attr : { tag : EHeroCondition} = {
|
||
// tag : i + 1
|
||
// }
|
||
// element.attr(attr);
|
||
// this.onButtonEvent(element,()=>{
|
||
// //@ts-ignore
|
||
// this._queryHeroCondition = element.tag;
|
||
// this._showChooseLayout();
|
||
// this._updateCurConditionLabel();
|
||
// this._initScrollView(ETAG_NAME.Hero);
|
||
// })
|
||
// }
|
||
//
|
||
// let children2 : Node[] = layout.skinChooseLayout.children;
|
||
// let len2 : number = children2.length;
|
||
// for (let i = 0; i < len2; i++) {
|
||
// let element : Node = children2[i];
|
||
// let attr : { tag : ESkinCondition} = {
|
||
// tag : i + 1
|
||
// }
|
||
// element.attr(attr);
|
||
// this.onButtonEvent(element,()=>{
|
||
// //@ts-ignore
|
||
// this._querySkinCondition = element.tag;
|
||
// this._showChooseLayout();
|
||
// this._updateCurConditionLabel();
|
||
// this._initScrollView(ETAG_NAME.Skin);
|
||
// })
|
||
// }
|
||
// }
|
||
|
||
|
||
// 刷新英雄toggle状态
|
||
private _changeHeroToggleChecked(uiName: EHeroType) {
|
||
this._ConditionHeroNodes.forEach((node : Node,_name : EHeroType)=>{
|
||
let choose : Node = node.getChildByName("Checkmark");
|
||
choose.active = _name === uiName;
|
||
})
|
||
// if(this._curChooseHeroType === uiName) return;
|
||
this._curChooseHeroType = uiName;
|
||
// this._updateScrollView(ETAG_NAME.Hero,uiName);
|
||
this._initScrollView(ETAG_NAME.Hero);
|
||
}
|
||
|
||
// 刷新皮肤toggle状态
|
||
private _changeSkinToggleChecked(uiName: ESkinQuality) {
|
||
this._ConditionSkinNodes.forEach((node : Node,_name : ESkinQuality)=>{
|
||
let choose : Node = node.getChildByName("Checkmark");
|
||
choose.active = _name === uiName;
|
||
})
|
||
if(this._curChooseSkinQuality === uiName) return;
|
||
this._curChooseSkinQuality = uiName - 6;
|
||
// this._updateScrollView(ETAG_NAME.Skin,uiName);
|
||
this._initScrollView(ETAG_NAME.Skin);
|
||
}
|
||
|
||
// 刷新界面
|
||
private _updateUI(curTag : ETAG_NAME) : void{
|
||
// if(this._curTagName == curTag){
|
||
// return;
|
||
// }
|
||
this._curTagName = curTag;
|
||
// 更新UI
|
||
this._initScrollView(this._curTagName);
|
||
}
|
||
// 初始化滚动视图
|
||
private _initScrollView(curTagName : ETAG_NAME) : void{
|
||
let layout : Layout_UICollection = this.layout as Layout_UICollection;
|
||
let content : Node = layout.scrollContent.content;
|
||
content.destroyAllChildren();
|
||
this._initHeroScroll();
|
||
}
|
||
|
||
// 是否有此英雄
|
||
private _checkIsHaveHero(heroId : number) : boolean{
|
||
return true;
|
||
}
|
||
|
||
// 是否有此皮肤
|
||
private _checkIsHaveSkin(heroId : number) : boolean{
|
||
return true;
|
||
}
|
||
|
||
// 英雄是否满足手动查询的条件
|
||
private _checkIsCanSearchHero(data : IHeroCfg) : boolean{
|
||
return this._inputCustomHeroName.length === 0 || data.name.indexOf(this._inputCustomHeroName) != -1;
|
||
}
|
||
|
||
// 英雄是否满足手动查询的条件
|
||
private _checkIsCanSearchSkin(data : ISkinCfg) : boolean{
|
||
return this._inputCustomSkinName.length === 0 || data.name.indexOf(this._inputCustomSkinName) != -1;
|
||
}
|
||
|
||
// 英雄排序
|
||
private _sortHero() : IHeroCfg[]{
|
||
let heroLocalData : IHeroCfg[] = areanMgr.cfgMgr.HeroDatas.getAllData();
|
||
let deepArr = JSON.parse(JSON.stringify(heroLocalData));
|
||
let result : IHeroCfg[] = [];
|
||
let _sort = (arr : IHeroCfg[])=>{
|
||
if(this._queryHeroCondition === EHeroCondition.Date){
|
||
deepArr.sort((a : IHeroCfg, b : IHeroCfg) => {
|
||
return b.id - a.id;
|
||
});
|
||
}else if(this._queryHeroCondition === EHeroCondition.Letter){
|
||
deepArr.sort((a : IHeroCfg, b : IHeroCfg) => {
|
||
return a.id - b.id;
|
||
});
|
||
}else if(this._queryHeroCondition === EHeroCondition.Degree){
|
||
deepArr.sort((a : IHeroCfg, b : IHeroCfg) => {
|
||
return a.id - b.id;
|
||
});
|
||
}else if(this._queryHeroCondition === EHeroCondition.Score){
|
||
deepArr.sort((a : IHeroCfg, b : IHeroCfg) => {
|
||
return a.id - b.id;
|
||
});
|
||
}
|
||
}
|
||
_sort(result);
|
||
// 已有的英雄
|
||
let haveHeroArr : IServerHeroData[] = UserMgr.inst.userInfo.hero;
|
||
for (let i : number = 0; i < haveHeroArr.length; i++) {
|
||
let serverData = haveHeroArr[i];
|
||
let data : IHeroCfg = deepArr.find((emement)=> emement.id === serverData.heroId);
|
||
if(data){
|
||
let heroData = areanMgr.cfgMgr.HeroDatas.getData(data.id);
|
||
result.push(heroData);
|
||
const indexToRemove = deepArr.findIndex((element) => element === data);
|
||
if (indexToRemove !== -1) {
|
||
deepArr.splice(indexToRemove, 1);
|
||
}
|
||
}
|
||
}
|
||
// 没有的英雄
|
||
_sort(deepArr)
|
||
return result.concat(deepArr);
|
||
}
|
||
|
||
// 初始化英雄滚动视图
|
||
private _initHeroScroll() : void{
|
||
let layout : Layout_UICollection = this.layout as Layout_UICollection;
|
||
let content : Node = layout.scrollContent.content;
|
||
let heroLocalData : IHeroCfg[] = this._sortHero();
|
||
console.log("当前拥有的英雄信息 === ",this._userInfo.hero)
|
||
let showLen:number = heroLocalData.length;
|
||
const row : number = 3;
|
||
const col : number = 5;
|
||
let realCount : number = Math.ceil(showLen / row) * col;
|
||
const defaultCount : number = row * col;
|
||
let count : number = realCount <= defaultCount ? defaultCount : realCount;
|
||
for(let i : number = 0; i < count; i++){
|
||
let v : IHeroCfg = heroLocalData[i];
|
||
let isShow = v ? (this._curChooseHeroType === EHeroType.None || this._curChooseHeroType === v.arms) && this._checkIsCanSearchHero(v) : false;
|
||
let item : Node = instantiate(layout.heroCell);
|
||
item.active = isShow;
|
||
content.addChild(item);
|
||
let comp : HeroItem = item.getComponent(HeroItem);
|
||
let d = null;
|
||
if(v) d = this._userInfo.hero.find((h)=>h.heroId === v.id );
|
||
let heroId = v ? v.id : -1;
|
||
comp.initData(v, d,this._openHeroDetail.bind(this),this._curChooseHeroID,heroId);
|
||
}
|
||
}
|
||
|
||
private _updateHeroSpine() : void{
|
||
let layout : Layout_UICollection = this.layout as Layout_UICollection;
|
||
let localHeroData = areanMgr.cfgMgr.HeroDatas.getAllDataMap();
|
||
let curHeroData = localHeroData.get(this._curChooseHeroID);
|
||
|
||
if(curHeroData){
|
||
let skin = curHeroData.skinRes[0];
|
||
let skinId = areanMgr.cfgMgr.SkinData.getData(skin).icon
|
||
resLoader.load<Prefab>(ModuleDef.Arean,`res/Prefebs/heroSpine/${skinId}`,(err: Error, prefab: Prefab) => {
|
||
if(err){
|
||
console.error(err);
|
||
return;
|
||
}else {
|
||
layout.heroSpineNode.destroyAllChildren();
|
||
let spineNode = instantiate(prefab);
|
||
layout.heroSpineNode.addChild(spineNode);
|
||
// spineNode.position = v3(0,-55,0);
|
||
}
|
||
})
|
||
}else {
|
||
console.error(`${UserMgr.inst.userInfo.heroId}英雄数据不存在`);
|
||
}
|
||
}
|
||
|
||
private _resetChooseKuang() : void{
|
||
let layout : Layout_UICollection = this.layout as Layout_UICollection;
|
||
let content : Node = layout.scrollContent.content;
|
||
let len = content.children.length;
|
||
for (let i = 0; i < len; i++) {
|
||
let element = content.children[i];
|
||
let kuang = element.getChildByName("kuang");
|
||
if(kuang) kuang.active = false;
|
||
}
|
||
}
|
||
|
||
// 英雄详情界面
|
||
private _openHeroDetail(heroId : number) : void{
|
||
// console.log("打开英雄详情界面",heroId);
|
||
this._curChooseHeroID = heroId;
|
||
this._initData();
|
||
this._updateHeroSpine();
|
||
this._updateBuyBtnActive();
|
||
this._resetChooseKuang();
|
||
this._changeMingYunToggleChecked();
|
||
this._changeBigSkillToggleChecked();
|
||
// tgxUIMgr.inst.showUI(UIHero,null,null,{heroId : heroId,openType : this._curTagName});
|
||
}
|
||
|
||
// 更新滚动视图
|
||
private _updateScrollView(curTagName : ETAG_NAME,condition : EHeroType | ESkinQuality) : void{
|
||
this._updateHeroScroll(condition as EHeroType);
|
||
}
|
||
|
||
// 更新英雄滚动视图
|
||
private _updateHeroScroll(condition : EHeroType) : void{
|
||
let layout : Layout_UICollection = this.layout as Layout_UICollection;
|
||
let content : Node = layout.scrollContent.content;
|
||
let children : Node[] = content.children;
|
||
let len : number = children.length;
|
||
for (let i = 0; i < len; i++) {
|
||
let element : Node = children[i];
|
||
let comp : HeroItem = element.getComponent(HeroItem);
|
||
element.active = condition === EHeroType.None || comp.heroData.arms === condition;
|
||
}
|
||
}
|
||
|
||
// 购买按钮是否可见
|
||
private _updateBuyBtnActive() : void{
|
||
let layout : Layout_UICollection = this.layout as Layout_UICollection;
|
||
let heroData = this._getCurHeroData();
|
||
layout.btnBuy.node.active = heroData == null;
|
||
layout.btnBuy2.node.active = heroData == null;
|
||
layout.heroNode.active = heroData != null;
|
||
layout.showSkinNodeBtn.node.active = heroData != null;
|
||
if(heroData == null){
|
||
let propData = areanMgr.cfgMgr.PropData.getData(this._curChooseHeroID);
|
||
if(propData){
|
||
layout.btnBuy.node.getChildByName("name3").getComponent(Label).string = `${this._calPrice(propData,EAreanBuyType.Coin)}`;
|
||
layout.btnBuy2.node.getChildByName("name3").getComponent(Label).string = `${this._calPrice(propData,EAreanBuyType.Diamond)}`;
|
||
}
|
||
}
|
||
}
|
||
|
||
/** 英雄价格 */
|
||
private _calPrice(propData : IPropCfg,_type : EAreanBuyType) : number{
|
||
let price : number = 0;
|
||
let arr : number[][] = propData.price;
|
||
for(let i : number = 0; i < arr.length; i++){
|
||
let elem : number[] = arr[i];
|
||
if(elem[0] == _type){
|
||
price = elem[1];
|
||
}
|
||
}
|
||
return price;
|
||
}
|
||
|
||
/**
|
||
* 购买英雄
|
||
* @param _type 类型
|
||
* @private
|
||
*/
|
||
private async _buyHero(_type : EAreanBuyType) {
|
||
let propData : IPropCfg = areanMgr.cfgMgr.PropData.getData(this._curChooseHeroID);
|
||
let coinPrice : number = this._calPrice(propData,EAreanBuyType.Coin);
|
||
let diamondPrice : number = this._calPrice(propData,EAreanBuyType.Diamond);
|
||
let sure = async () => {
|
||
console.log("要购买的英雄 === ", this._curChooseHeroID);
|
||
if (this._curChooseHeroID !== null) {
|
||
let canBuy : boolean = false;
|
||
if(propData) {
|
||
// 金币
|
||
if(_type === EAreanBuyType.Coin){
|
||
canBuy = UserMgr.inst.userInfo.coin >= coinPrice;
|
||
}else{ //银币
|
||
canBuy = UserMgr.inst.userInfo.diamond >= diamondPrice;
|
||
}
|
||
}
|
||
if(canBuy){
|
||
let ret = await UserMgr.inst.rpc_addHero(UserMgr.inst.userId, this._curChooseHeroID,_type);
|
||
console.log("要购买的英雄结果 === ", ret);
|
||
let buyResult : string = "购买失败";
|
||
if (ret.res.code === 0) {
|
||
buyResult = "购买成功";
|
||
tgxAudioMgr.inst.playCommonBtn(EMusicDefine.EFFECT_BUY_HERO);
|
||
tgxUIMgr.inst.showUI(UIGetHero, null, null, {heroId: ret.res.heroId});
|
||
let tmp: IServerHeroData = {
|
||
// 英雄ID
|
||
heroId: ret.res.heroId,
|
||
/** 所属玩家ID */
|
||
playerId: UserMgr.inst.userId,
|
||
/** 英雄等级 */
|
||
level: 0,
|
||
/** 所用的皮肤Id */
|
||
skinId: 0,
|
||
/** 熟练度 */
|
||
proficiency: 0,
|
||
/** 头盔装备ID */
|
||
headId: 0,
|
||
/** 衣服装备ID */
|
||
clothId: 0,
|
||
/** 脚装备ID */
|
||
footId: 0,
|
||
/** 武器装备ID */
|
||
weaponId: 0,
|
||
/** 是否锁定 */
|
||
isLock: false
|
||
}
|
||
UserMgr.inst.userInfo.hero.push(tmp);
|
||
UserMgr.inst.userInfo.coin = ret.res.curCoin;
|
||
UserMgr.inst.userInfo.diamond = ret.res.curDiamond;
|
||
if(ret.res.item.itemId > -1){
|
||
CommonFun.getInstance().updateItemList(ret.res.item);
|
||
}
|
||
director.emit(RoomEvent.ChangeCoin);
|
||
this._initData();
|
||
this._updateUI(ETAG_NAME.Hero);
|
||
}
|
||
tgxUITipsBar.show(buyResult);
|
||
}else{
|
||
tgxUITipsBar.show("货币不足");
|
||
}
|
||
|
||
}
|
||
}
|
||
let str = `是否确认花费${coinPrice}金币购买英雄`;
|
||
// 银币
|
||
if(_type == EAreanBuyType.Diamond){
|
||
str = `是否确认花费${diamondPrice}银币购买英雄`;
|
||
}
|
||
tgxUIAlert.show(str,true).onClick((ok: boolean) => {
|
||
if (ok) {
|
||
sure();
|
||
}
|
||
});
|
||
}
|
||
|
||
/** 展示皮肤节点 */
|
||
private _showSkinNode() : void{
|
||
let layout : Layout_UICollection = this.layout as Layout_UICollection;
|
||
layout.skinNode.active = !layout.skinNode.active;
|
||
let angle = layout.showSkinNodeBtn.node.getChildByName("arrow").angle;
|
||
layout.showSkinNodeBtn.node.getChildByName("arrow").angle = angle === 180 ? 0 : 180;
|
||
}
|
||
} |