taptapstar/assets/scripts/utils/ListViewAdapter.js

class ListViewAdapter {

    constructor(scrollView) {
        this.scrollView = scrollView;
        this.content = scrollView.content;
        this.scriptItems = [];
        this.dataList = [];
        // this.initialize();
        this.updateTimer = 0;
        this.updateInterval = 0.1;
        this.lastContentPosY = 0; // use this variable to detect if we are scrolling up or down
        this.spawnCount = 7;    //生成多少个预制资源
        this.itemHeight = 0;
        this.bufferZone = 500;
        this.spacing = 0;       //两个item之间的空隙
        this.scriptName = '';

        this.topHeight = 0;     //顶部空间
        this.shouldRemove = true;   //初始化前是否需要清除所有节点

        this.fuckingItem = null;
    }

    initialize(itemTemplate) {
        this.actualCount = this.dataList.length < this.spawnCount ? this.dataList.length : this.spawnCount;
        // let actualCount = this.dataList.length;
        this.scriptItems = [];
        if (this.itemHeight > 0) {
            this.content.height = (this.itemHeight + this.spacing) * this.dataList.length + this.topHeight;
        }
        if (this.shouldRemove) {
            this.content.removeAllChildren();
        }
        for (let i = 0; i < this.actualCount; ++i) { // spawn items, we only need to do this once
            let item = cc.instantiate(itemTemplate);
            if (this.itemHeight === 0) {
                this.itemHeight = item.height; // get total content height
                this.content.height = (this.itemHeight + this.spacing) * this.dataList.length + this.topHeight;
            }
            this.content.addChild(item);
            item.setPosition(0, -(item.height * (0.5 + i) + this.spacing * (i + 1) + this.topHeight));
            let itemScript = item.getComponent(this.scriptName);
            itemScript.setListViewAdapter(this);
            itemScript.updateItem(this.dataList[i], i, (newBuildingInfo, newItemId) => {
                this.dataList[newItemId] = newBuildingInfo;
            });
            this.scriptItems.push(itemScript);
            // console.log('content height: ', this.content.height);
        }
        this.bufferZone = (this.scrollView.node.height + this.itemHeight) / 2;

        //第一次数据加载完成后发出回调
        if (this.loadFinish != undefined) {
            this.loadFinish();
        }
    }

    getPositionInView(item) { // get item position in scrollview's node space
        let worldPos = item.parent.convertToWorldSpaceAR(item.position);
        let viewPos = this.scrollView.node.convertToNodeSpaceAR(worldPos);
        return viewPos;
    }

    update(dt) {
        this.updateTimer += dt;
        if (this.updateTimer < this.updateInterval) return; // we don't need to do the math every frame
        this.updateTimer = 0;
        let buffer = this.bufferZone;
        let isDown = this.content.y < this.lastContentPosY; // scrolling direction

        let offset = (this.itemHeight + this.spacing) * this.scriptItems.length;

        for (let i = 0; i < this.scriptItems.length; ++i) {
            let viewPos = this.getPositionInView(this.scriptItems[i].node);
            if (isDown) {
                // if away from buffer zone and not reaching top of content
                if (viewPos.y < -buffer && this.scriptItems[i].node.y + offset < 0) {
                    // this.scriptItems[i].node.setPositionY(this.scriptItems[i].node.y + offset);

                    let itemScript = this.scriptItems[i];
                    let itemId = itemScript._itemId - this.scriptItems.length;
                    if (itemId < 0) {
                        // this.scriptItems[i].node.active = false;
                        continue;
                    }

                    // this.scriptItems[i].node.active = true;
                    this.scriptItems[i].node.y = this.scriptItems[i].node.y + offset;
                    itemScript.updateItem(this.dataList[itemId], itemId, (newBuildingInfo, newItemId) => {
                        this.dataList[newItemId] = newBuildingInfo;
                    });
                }
            } else {
                // if away from buffer zone and not reaching bottom of content
                if (viewPos.y > buffer && this.scriptItems[i].node.y - offset > -this.content.height) {
                    // this.scriptItems[i].node.setPositionY(this.scriptItems[i].node.y - offset);

                    let itemScript = this.scriptItems[i];
                    let itemId = itemScript._itemId + this.scriptItems.length;
                    if (itemId >= this.dataList.length) {
                        // this.scriptItems[i].node.active = false;
                        continue;
                    }

                    // this.scriptItems[i].node.active = true;
                    this.scriptItems[i].node.y = this.scriptItems[i].node.y - offset;
                    itemScript.updateItem(this.dataList[itemId], itemId, (newBuildingInfo, newItemId) => {
                        this.dataList[newItemId] = newBuildingInfo;
                    });
                    if (itemId === (this.dataList.length - 1)) {
                        if (this.loadMore != undefined) {
                            this.loadMore();
                        }
                    }
                }
            }
        }
        // update lastContentPosY
        this.lastContentPosY = this.content.y;
    }

    updateItems(dataList, itemPrefab, scriptName, topHeight) {
        this.scriptName = scriptName;
        this.itemPrefab = itemPrefab;
        this.dataList = dataList;
        this.topHeight =  (topHeight === undefined) ? 0 : topHeight;
        this.initialize(itemPrefab);
    }

    //更新数据
    updateDataList(dataList, roomId) {
        this.dataList = dataList;

        for (let i = 0; i < this.scriptItems.length; ++i) {
            let itemScript = this.scriptItems[i];
            if (itemScript.data.roomId == roomId) {
                let itemId = itemScript._itemId;
                itemScript.updateItem(this.dataList[itemId], itemId, (newBuildingInfo, newItemId) => {
                    this.dataList[newItemId] = newBuildingInfo;
                });
            }
        }
    }

    //刷新已有数据
    refreshItems(dataList) {
        this.dataList = dataList;

        for (let i = 0; i < this.scriptItems.length; ++i) {
            let itemScript = this.scriptItems[i];
            let itemId = itemScript._itemId;
            itemScript.updateItem(this.dataList[itemId], itemId, (newBuildingInfo, newItemId) => {
                this.dataList[newItemId] = newBuildingInfo;
            });
        }
    }

    addData(newdataList) {
        this.dataList = this.dataList.concat(newdataList);
        this.content.height = (this.itemHeight + this.spacing) * this.dataList.length; // get total content height
    }

    setLoadMoreCallBack(loadMore) {
        this.loadMore = loadMore;
    }

    setFirstLoadFinish(loadFinish) {
        this.loadFinish = loadFinish;
    }

    playRemoveItemAnimation(itemScript, animCallback) {
        this.dataList.splice(itemScript._itemId, 1);
        this.content.height = (this.itemHeight + this.spacing) * this.dataList.length; // get total content height

        let sequ = cc.sequence(cc.moveBy(0.2, -750, 0), animCallback);
        itemScript.node.runAction(sequ);
    }

    addItemsToDataList(model, head) {
        if (head) {
            this.dataList.unshift(model);
        } else {
            this.dataList.push(model);
        }

        this.actualCount = this.dataList.length < this.spawnCount ? this.dataList.length : this.spawnCount;
        //判断新的数据个数是否比设定的个数要大，不是的话就要创建新的item，是的话就直接复用已创建的
        if (this.dataList.length <= this.spawnCount) {
            let item = cc.instantiate(this.itemPrefab);
            this.content.height = (this.itemHeight + this.spacing) * this.dataList.length + this.topHeight;
            this.content.addChild(item);
            var i = 0;
            if (!head) {

            }

            item.setPosition(600, -(item.height * (0.5 + i) + this.spacing * (i + 1) + this.topHeight));
            let action = cc.moveBy(0.2,cc.v2(-600, 0));
            item.runAction(action);

            let itemScript = item.getComponent(this.scriptName);
            itemScript.setListViewAdapter(this);
            itemScript._itemId = 0;
            itemScript.updateItem(this.dataList[i], i, (newBuildingInfo, newItemId) => {
                this.dataList[newItemId] = newBuildingInfo;
            });
            this.scriptItems.unshift(itemScript);

            if (head) {
                for (let i = 1; i < this.actualCount; ++i) { // spawn items, we only need to do this once
                    let itemScript = this.scriptItems[i];
                    // this.scriptItems[i].node.y = -(this.itemHeight * (0.5 + i) + this.spacing * (i + 1) + this.topHeight);
                    let moveY = -(this.itemHeight * (0.5 + i) + this.spacing * (i + 1) + this.topHeight);
                    // let action = cc.moveTo(0.2,cc.v2(0, moveY));
                    // itemScript.node.runAction(action);
                    itemScript.node.y = moveY;
                    itemScript._itemId = i;
                }
            }
        } else {
            this.content.height = (this.itemHeight + this.spacing) * this.dataList.length + this.topHeight;

            //已生成足够多的预制资源，从底部抽取来使用
            if (head) {
                let last = this.scriptItems.length - 1;
                let itemScript = this.scriptItems[last];
                var index = 0;
                itemScript.updateItem(this.dataList[index], index, (newBuildingInfo, newItemId) => {
                    this.dataList[newItemId] = newBuildingInfo;
                });
                itemScript._itemId = 0;
                itemScript.node.y = -(this.itemHeight * (0.5 + index) + this.spacing * (index + 1) + this.topHeight);
                itemScript.node.x = 600;
                let action = cc.moveBy(0.2,cc.v2(-600, 0));
                itemScript.node.runAction(action);

                var temp = this.scriptItems[last];
                this.scriptItems.pop();
                this.scriptItems.unshift(temp);

                for (let i = 1; i < this.scriptItems.length; ++i) {
                    let itemScript = this.scriptItems[i];
                    let moveY = -(this.itemHeight * (0.5 + i) + this.spacing * (i + 1) + this.topHeight);
                    // let action = cc.moveTo(0.2,cc.v2(0, moveY));
                    // itemScript.node.runAction(action);
                    itemScript.node.y = moveY;
                    itemScript._itemId = i;
                }
            } else {

            }
        }
    }

    updateItemsAndDataList(dataList,itemScript) {
        this.dataList = dataList;

        let index = itemScript._itemId;
        let scriptItems = this.scriptItems;

        if (this.dataList.length >= scriptItems.length) {
            // itemScript.scheduleOnce(() => {
            //     itemScript.node.x = 0;
            // }, 0.2);

            for (let i = 0; i < scriptItems.length; ++i) {
                let itemNode = scriptItems[i].node;
                let script = scriptItems[i];
                let itemId = script._itemId;
                if (itemId < this.dataList.length) {
                    if (script._itemId > index) {
                        let finish = cc.callFunc(() => {
                            itemNode.y = itemNode.y - (this.itemHeight + this.spacing);
                            // script.updateItem(this.dataList[itemId], itemId);
                            script.updateItem(this.dataList[itemId], itemId, (newBuildingInfo, newItemId) => {
                                this.dataList[newItemId] = newBuildingInfo;
                            });
                        }, this);
                        let s = cc.sequence(cc.moveBy(0.2, 0, (this.itemHeight + this.spacing)), finish);
                        itemNode.runAction(s);
                    } else {
                        // itemScript.scheduleOnce(() => {
                            // script.updateItem(this.dataList[itemId], itemId);
                            script.updateItem(this.dataList[itemId], itemId, (newBuildingInfo, newItemId) => {
                                this.dataList[newItemId] = newBuildingInfo;
                            });
                        // }, 0.2);
                    }
                }
            }
        } else {

            for (let i = 0; i < scriptItems.length; ++i) {
                let itemId = scriptItems[i]._itemId;
                if (itemId === itemScript._itemId) {
                    this.scriptItems.splice(i, 1);
                }
            }

            for (let i = 0; i < scriptItems.length; ++i) {
                let itemNode = scriptItems[i].node;
                let script = scriptItems[i];
                if (script._itemId > index) {
                    let newId = script._itemId - 1;
                    itemNode.runAction(cc.moveBy(0.2, 0, (this.itemHeight + this.spacing)));
                    // script.updateItem(this.dataList[newId], newId);
                    script.updateItem(this.dataList[newId], newId, (newBuildingInfo, newItemId) => {
                        this.dataList[newItemId] = newBuildingInfo;
                    });
                }
            }

            itemScript.node.destroy();
        }
    }

    removeItem(itemScript) {
        let finish = cc.callFunc(() => {
            this.updateItemsAndDataList(itemScript);
        });
        this.playRemoveItemAnimation(itemScript, finish);
    }

    onDestroy() {
        this.scriptItems = [];
        this.content.removeAllChildren();
    }
}
module.exports = ListViewAdapter;