init
This commit is contained in:
@@ -0,0 +1,282 @@
|
||||
import { _decorator, isValid, Node, Sprite, Toggle, tween, UIOpacity, UITransform, Vec3, view } from 'cc';
|
||||
import { GButton } from '../../Main/Common/GButton';
|
||||
import Utils from '../../Main/Common/Utils';
|
||||
import { InnerMsgCode } from '../../Main/Config/InnerMsgCode';
|
||||
import li_BaseView from '../../Main/Common/li_BaseView';
|
||||
import GameManager from '../../Main/Manager/GameManager';
|
||||
import ResManager from '../../Main/Manager/ResManager';
|
||||
import { tj_huiyi } from './tj_huiyi';
|
||||
import GameRootUI from '../../Main/Common/GameRootUI';
|
||||
import { tj_zhencang } from './tj_zhencang';
|
||||
import { tj_jilu } from './tj_jilu';
|
||||
import HttpUnit from '../../Main/Common/HttpUnit';
|
||||
const { ccclass, property } = _decorator;
|
||||
|
||||
/**宠物主界面页签类型 */
|
||||
export enum TujianPageType {
|
||||
None, //未知
|
||||
huiyi, //心动回忆
|
||||
zhencang, //私房珍藏
|
||||
jilu, //相遇记录
|
||||
}
|
||||
|
||||
//心动回忆界面
|
||||
@ccclass('Tujian_UI')
|
||||
export class Tujian_UI extends li_BaseView {
|
||||
|
||||
private _nodeTab: any = {};
|
||||
private _data;
|
||||
|
||||
private _pageType: TujianPageType = TujianPageType.huiyi;
|
||||
private tgHuiyi: Toggle = null!;//回忆
|
||||
private tgZhencang: Toggle = null!;//珍藏
|
||||
private tgJilu: Toggle = null!;//记录
|
||||
|
||||
private _btmHuiyi?: tj_huiyi;
|
||||
private _btmZhencang?: tj_zhencang;
|
||||
private _btmJilu?: tj_jilu;
|
||||
|
||||
/**缩放图片信息 */
|
||||
private bigPicInfo = {
|
||||
hyItem: null, //回忆item
|
||||
npcPic: null, //npc图片
|
||||
origScale: Vec3.ZERO, //原始缩放
|
||||
}
|
||||
|
||||
//----重写父类接口---------------------------------------
|
||||
onLoadCT() {
|
||||
this.registerListenner();
|
||||
Utils.parseNode(this.node, this._nodeTab)
|
||||
|
||||
this.tgHuiyi = this._nodeTab.tjPage1.getComponent(Toggle)
|
||||
this.tgZhencang = this._nodeTab.tjPage2.getComponent(Toggle)
|
||||
this.tgJilu = this._nodeTab.tjPage3.getComponent(Toggle)
|
||||
}
|
||||
openUIDataCT(data: any): void {
|
||||
this._data = data
|
||||
}
|
||||
|
||||
|
||||
registerListenner() {
|
||||
Utils.addInnerEL(InnerMsgCode.UI_Tj_huiyi_Pic, this, this.resiveHuiyiPic)
|
||||
Utils.addInnerEL(InnerMsgCode.UI_Tj_huiyi_Lv, this, this.resiveHuiyiLv)
|
||||
Utils.addInnerEL(InnerMsgCode.Data_Redpoint, this, this.resiveZhencangRedpoint)
|
||||
}
|
||||
|
||||
|
||||
start() {
|
||||
GButton.BandClick(this._nodeTab.mask, ()=>{
|
||||
this.onClose();
|
||||
}, this, 0, null, null, false);
|
||||
|
||||
GButton.BandClick(this._nodeTab.btnBack, ()=>{
|
||||
this.onClose();
|
||||
}, this);
|
||||
|
||||
GButton.RemoveAndBandClick(this._nodeTab.tjPage1,()=>{
|
||||
this.changePageType(TujianPageType.huiyi);
|
||||
},this)
|
||||
GButton.RemoveAndBandClick(this._nodeTab.tjPage2,()=>{
|
||||
this.changePageType(TujianPageType.zhencang);
|
||||
},this)
|
||||
GButton.RemoveAndBandClick(this._nodeTab.tjPage3,()=>{
|
||||
this.changePageType(TujianPageType.jilu);
|
||||
},this)
|
||||
|
||||
//回忆
|
||||
GButton.BandClick(this._nodeTab.btnBPBack, ()=>{
|
||||
this.doHideBigPic();
|
||||
}, this);
|
||||
this._nodeTab.BigPicUI.active = false;
|
||||
|
||||
|
||||
this.changePageType(TujianPageType.huiyi, true);
|
||||
this.refreshRedpointHuiyi();
|
||||
this.refreshRedpointZhencang();
|
||||
this.refreshRedpointJilu();
|
||||
}
|
||||
|
||||
update(deltaTime: number) {
|
||||
|
||||
}
|
||||
|
||||
/**回忆显示大图 */
|
||||
resiveHuiyiPic(data: any) {
|
||||
this.doShowBigPic(data);
|
||||
}
|
||||
|
||||
/**前往回忆对应关卡 */
|
||||
resiveHuiyiLv(data: any) {
|
||||
this.onClose();
|
||||
}
|
||||
|
||||
resiveZhencangRedpoint(data: any) {
|
||||
this.refreshRedpointHuiyi();
|
||||
this.refreshRedpointZhencang();
|
||||
this.refreshRedpointJilu();
|
||||
}
|
||||
|
||||
|
||||
//region 切换页面
|
||||
changePageType(type: TujianPageType, isFroce: boolean = false) {
|
||||
if (this._pageType == type && !isFroce) {
|
||||
return
|
||||
}
|
||||
|
||||
//页签改变了，先隐藏所有节点
|
||||
if (this._pageType != type) {
|
||||
if(this._btmHuiyi) this._btmHuiyi.node.active = false;
|
||||
if(this._btmZhencang) this._btmZhencang.node.active = false;
|
||||
if(this._btmJilu) this._btmJilu.node.active = false;
|
||||
|
||||
}
|
||||
|
||||
this._pageType = type;
|
||||
|
||||
if (type == TujianPageType.huiyi) {//回忆
|
||||
this.tgHuiyi.isChecked = true;
|
||||
if (this._btmHuiyi) {
|
||||
this._btmHuiyi.node.active = true;
|
||||
} else {
|
||||
ResManager.I.loadSubpackagePrefab("UI/StartUI/TJ_Huiyi", (res:Node)=>{
|
||||
if (isValid(this._nodeTab.MidNode)) {
|
||||
this._nodeTab.MidNode.addChild(res)
|
||||
this._btmHuiyi = res.getComponent(tj_huiyi)
|
||||
if (this._pageType == TujianPageType.huiyi) {
|
||||
this._btmHuiyi.node.active = true;
|
||||
} else {
|
||||
this._btmHuiyi.node.active = false;
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
} else if (type == TujianPageType.zhencang) { //珍藏
|
||||
this.tgZhencang.isChecked = true;
|
||||
if (this._btmZhencang) {
|
||||
this._btmZhencang.node.active = true;
|
||||
} else {
|
||||
ResManager.I.loadSubpackagePrefab("UI/StartUI/TJ_Zhencang", (res:Node)=>{
|
||||
if (isValid(this._nodeTab.MidNode)) {
|
||||
this._nodeTab.MidNode.addChild(res)
|
||||
this._btmZhencang = res.getComponent(tj_zhencang)
|
||||
if (this._pageType == TujianPageType.zhencang) {
|
||||
this._btmZhencang.node.active = true;
|
||||
} else {
|
||||
this._btmZhencang.node.active = false;
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
} else if (type == TujianPageType.jilu) { //记录
|
||||
this.tgJilu.isChecked = true;
|
||||
if (this._btmJilu) {
|
||||
this._btmJilu.node.active = true;
|
||||
} else {
|
||||
ResManager.I.loadSubpackagePrefab("UI/StartUI/TJ_Jilu", (res:Node)=>{
|
||||
if (isValid(this._nodeTab.MidNode)) {
|
||||
this._nodeTab.MidNode.addChild(res)
|
||||
this._btmJilu = res.getComponent(tj_jilu)
|
||||
if (this._pageType == TujianPageType.jilu) {
|
||||
this._btmJilu.node.active = true;
|
||||
} else {
|
||||
this._btmJilu.node.active = false;
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**显示大图 */
|
||||
doShowBigPic(data:any) {
|
||||
if (!data.hyItem) {
|
||||
return
|
||||
}
|
||||
let npcPic:Node = data.hyItem.npcPic;
|
||||
this.bigPicInfo.hyItem = data.hyItem;
|
||||
this.bigPicInfo.npcPic = npcPic;
|
||||
this.bigPicInfo.origScale = npcPic.scale.clone();
|
||||
|
||||
let wpos = new Vec3(0,0,0);
|
||||
npcPic.getWorldPosition(wpos);
|
||||
let BigPicRoot:Node = this._nodeTab.BigPicRoot;
|
||||
let npos = BigPicRoot.getComponent(UITransform).convertToNodeSpaceAR(wpos);
|
||||
npcPic.setParent(BigPicRoot);
|
||||
npcPic.setPosition(npos);
|
||||
|
||||
let ttime = 0.3;
|
||||
GameRootUI.DisableOper(ttime+0.1)
|
||||
//放大图片
|
||||
let s = 1
|
||||
let windowSize = view.getVisibleSize(); // 获取窗口大小
|
||||
let picTf:UITransform = npcPic.getComponent(UITransform);
|
||||
if (picTf.height < windowSize.height) {
|
||||
s = windowSize.height / picTf.height;
|
||||
}
|
||||
tween((npcPic))
|
||||
.to(ttime, { scale: new Vec3(s, s, s), position: new Vec3(0, 0, 0) }, { easing: 'quadOut' })
|
||||
.start();
|
||||
|
||||
//显示UI
|
||||
this._nodeTab.BigPicUI.active = true;
|
||||
Utils.setString(this._nodeTab.labBPTalk, data.talk);
|
||||
let bigPicUIOpa:UIOpacity = this._nodeTab.BigPicUI.getComponent(UIOpacity)
|
||||
bigPicUIOpa.opacity = 0;
|
||||
tween(bigPicUIOpa)
|
||||
.delay(ttime*0.7)
|
||||
.to(ttime*0.3, { opacity: 255 }, { easing: 'quadOut' })
|
||||
.start();
|
||||
}
|
||||
|
||||
/**隐藏大图 */
|
||||
doHideBigPic() {
|
||||
if (!this.bigPicInfo.hyItem) return;
|
||||
|
||||
let npcPic = this.bigPicInfo.npcPic
|
||||
let wpos = new Vec3(0,0,0);
|
||||
this.bigPicInfo.hyItem.picRoot.getWorldPosition(wpos);
|
||||
let npos = this._nodeTab.BigPicRoot.getComponent(UITransform).convertToNodeSpaceAR(wpos);
|
||||
// npcPic.setParent(this.bigPicInfo.hyItem.picRoot);
|
||||
// npcPic.setPosition(npos);
|
||||
|
||||
let ttime = 0.3;
|
||||
GameRootUI.DisableOper(ttime+0.1)
|
||||
tween((npcPic))
|
||||
.to(ttime, { scale: this.bigPicInfo.origScale, position: npos }, { easing: 'quadOut' })
|
||||
.call(() => {
|
||||
npcPic.setParent(this.bigPicInfo.hyItem.picRoot);
|
||||
npcPic.setPosition(new Vec3(0,0,0));
|
||||
this.bigPicInfo.hyItem = null;
|
||||
this.bigPicInfo.npcPic = null;
|
||||
})
|
||||
.start();
|
||||
|
||||
let bigPicUIOpa:UIOpacity = this._nodeTab.BigPicUI.getComponent(UIOpacity)
|
||||
tween(bigPicUIOpa)
|
||||
.to(ttime*0.3, { opacity: 0 }, { easing: 'quadOut' })
|
||||
.call(() => {
|
||||
this._nodeTab.BigPicUI.active = false;
|
||||
})
|
||||
.start();
|
||||
|
||||
}
|
||||
|
||||
|
||||
// 刷新红点 回忆
|
||||
refreshRedpointHuiyi() {
|
||||
let isshow = HttpUnit.IsHaveHuiyiRedpoint()
|
||||
this._nodeTab.rp_1.active = isshow;
|
||||
}
|
||||
// 刷新红点 珍藏
|
||||
refreshRedpointZhencang() {
|
||||
let isshow = HttpUnit.IsHaveZhencangRedpoint()
|
||||
this._nodeTab.rp_2.active = isshow;
|
||||
}
|
||||
// 刷新红点 记录
|
||||
refreshRedpointJilu() {
|
||||
let isshow = false
|
||||
this._nodeTab.rp_3.active = isshow;
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user