import { _decorator, Component, Node, instantiate } 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 { PastGirlListItem } from "../../uiitems/PastGirlListItem"; import { DataManager, DataId } from "../../data/DataManager"; import { GirlData } from "../../data/GirlData"; import { ChatHistoryManager } from "../../manager/ChatHistoryManager"; import { logger } from "db://assets/Scripts/Main/Common/Logger"; import { GirlService } from "db://assets/Scripts/chat18x/network/services/GirlService"; import proto from "db://assets/Scripts/proto/proto.pb.js"; const { ccclass, property } = _decorator; @ccclass("PastGirlListPanel") export class PastGirlListPanel extends li_BaseView { private _nodeTab: any = {}; itemInst: PastGirlListItem; content: Node; cache: PastGirlListItem[] = []; // 缓存池相关属性 private itemPool: PastGirlListItem[] = []; private maxPoolSize: number = 20; onLoadCT() { Utils.parseNode(this.node, this._nodeTab); this.registerListener(); this.itemInst = this._nodeTab.BubbleItem.getComponent(PastGirlListItem); this.itemInst.node.active = false; this.content = this._nodeTab.content; //this.refresh(); } // 从缓存池获取节点 private getItemFromPool(): PastGirlListItem { if (this.itemPool.length > 0) { return this.itemPool.pop(); } else { // 缓存池为空,检查是否有隐藏的节点可以复用 for (let i = 0; i < this.content.children.length; i++) { let childNode = this.content.children[i]; if (!childNode.active && childNode !== this.itemInst.node) { let item = childNode.getComponent(PastGirlListItem); if (item) { return item; } } } // 没有可复用的节点,创建新节点 let newNode = instantiate(this.itemInst.node); let item = newNode.getComponent(PastGirlListItem); this.content.addChild(newNode); return item; } } // 将节点回收到缓存池 private returnItemToPool(item: PastGirlListItem) { if (this.itemPool.length < this.maxPoolSize) { item.reset(); this.itemPool.push(item); } else { // 缓存池已满,隐藏节点但不销毁 item.reset(); } } protected onEnable(): void { this.refresh(); } private async getUnlockedGirls(): Promise { await this.reqCanChatGirlData(); const GirlData = DataManager.I.getDataById(DataId.Girl); const allids = GirlData.getAllCanChatGirlIds(); logger.log(allids); return allids; } cacheIds: number[]; async refresh() { // 获取已解锁女孩列表 const ids = await this.getUnlockedGirls(); if (this.cacheIds && ids && this.cacheIds.length == ids.length) { let isSame = true; for (let i = 0; i < ids.length; i++) { const element = ids[i]; if (this.cacheIds[i] != element) { isSame = false; break; } } if (isSame) { //相同 那就只刷新聊天时间,不刷新item for (let i = 0; i < this.cache.length; i++) { this.cache[i].refreshSimple(); } return; } } this.cacheIds = ids; // 回收当前显示的节点到缓存池 if (this.cache) { for (let i = this.cache.length - 1; i >= 0; i--) { let item = this.cache[i]; this.returnItemToPool(item); } this.cache = []; } // 根据排序后的数据刷新界面 for (let id of ids) { let item = this.getItemFromPool(); item.refreshData(id, this.node); item.node.active = true; this.cache.push(item); // 确保节点在 content 中(可能已经在了) if (item.node.parent !== this.content) { this.content.addChild(item.node); } } } hide() { this.node.active = false; } private registerListener() { GButton.BandClick(this._nodeTab.ReturnBtn, this.Return, this); } Return() { // 直接关闭,不需要动画 this.node.active = false; } // 获取可聊天的技师数据 private async reqCanChatGirlData() { const reqData = { page: 1, limit: 20, }; let res = await GirlService.I.reqCanChatGirlData(reqData); if (res && res.code === proto.cs.EnmRetCode.SUCCESS) { const resData = res.data; const girlData = DataManager.I.getDataById(DataId.Girl); girlData.setCanChatGirlData(resData); } } onDestroy() { // 清理缓存池,销毁所有缓存的节点 for (let item of this.itemPool) { if (item && item.node) { item.node.destroy(); } } this.itemPool = []; // 清理当前显示的节点 for (let item of this.cache) { if (item && item.node) { item.node.destroy(); } } this.cache = []; // 清理 content 中所有的 GirlListItem 节点 for (let i = this.content.children.length - 1; i >= 0; i--) { let child = this.content.children[i]; if (child !== this.itemInst.node) { let item = child.getComponent(PastGirlListItem); if (item) { child.destroy(); } } } } }