GirlList缓存池

assets/Scripts/chat18x/ui/panels/GirlListPanel.ts

@@ -23,6 +23,10 @@ export class GirlListPanel extends li_BaseView {
 
   cache: GirlListItem[] = [];
 
+  // 缓存池相关属性
+  private itemPool: GirlListItem[] = [];
+  private maxPoolSize: number = 20;
+
   category: number;
   private parentPanelName: string = null;
 
@@ -49,14 +53,52 @@ export class GirlListPanel extends li_BaseView {
 
   cacheCategory: number = -1;
 
+  // 从缓存池获取节点
+  private getItemFromPool(): GirlListItem {
+    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(GirlListItem);
+          if (item) {
+            return item;
+          }
+        }
+      }
+      
+      // 没有可复用的节点，创建新节点
+      let newNode = instantiate(this.itemInst.node);
+      let item = newNode.getComponent(GirlListItem);
+      this.content.addChild(newNode);
+      return item;
+    }
+  }
+
+  // 将节点回收到缓存池
+  private returnItemToPool(item: GirlListItem) {
+    if (this.itemPool.length < this.maxPoolSize) {
+      item.reset();
+      this.itemPool.push(item);
+    } else {
+      // 缓存池已满，隐藏节点但不销毁
+      item.reset();
+    }
+  }
+
   async refresh(category: number) {
     if (category == this.cacheCategory) return;
     this.cacheCategory = category;
+
+    // 回收当前显示的节点到缓存池
     if (this.cache) {
       for (let i = this.cache.length - 1; i >= 0; i--) {
-        this.cache[i].node.destroy();
-        
+        let item = this.cache[i];
+        this.returnItemToPool(item);
       }
+      this.cache = [];
     }
 
     // 请求列表
@@ -73,12 +115,15 @@ export class GirlListPanel extends li_BaseView {
       // 根据数据，刷新界面
       const allId = girlData.getGirlIds(category.toString());
       for (let id of allId) {
-        let newNode = instantiate(this.itemInst.node);
-        let item = newNode.getComponent(GirlListItem);
+        let item = this.getItemFromPool();
         item.refreshData(category, id, this.node);
-        newNode.active = true;
+        item.node.active = true;
         this.cache.push(item);
-        this.content.addChild(newNode);
+        
+        // 确保节点在 content 中（可能已经在了）
+        if (item.node.parent !== this.content) {
+          this.content.addChild(item.node);
+        }
       }
     }
   }
@@ -94,4 +139,33 @@ export class GirlListPanel extends li_BaseView {
     // 直接关闭，不需要动画
     this.node.active = false;
   }
+
+  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(GirlListItem);
+        if (item) {
+          child.destroy();
+        }
+      }
+    }
+  }
 }