hk_client_fix/assets/Script/CustomClass/CustomListCtrl.js

cc.Class({
    extends: cc.BaseClass,

    properties: {
        m_NdLayoutArr: [cc.Node],
    },

    ctor: function () {
        this.m_CtrlArr = new Array();
        this.m_IndexArr = new Array();
        this.m_CtrlName = new Array();
        this.m_TempAddArr = new Array();
        this.m_NdDefult = new Array();
        this.m_HookArr = new Array();
        this.m_ListInfoArr = {};
        this.m_ListInfoCnt = {};
    },
    onLoad: function () {
        for (const i in this.m_NdLayoutArr) {
            if (this.m_NdLayoutArr[i] == null) continue;
            var scrollViewEventHandler = new cc.Component.EventHandler();
            scrollViewEventHandler.target = this.node; // 这个 node 节点是你的事件处理代码组件所属的节点
            scrollViewEventHandler.component = "CustomListCtrl";// 这个是代码文件名
            scrollViewEventHandler.handler = "onScrollCallBack";
            scrollViewEventHandler.customEventData = `${i}`;

            var scrollview = this.m_NdLayoutArr[i].parent.parent.getComponent(cc.ScrollView);
            if (scrollview) scrollview.scrollEvents.push(scrollViewEventHandler);
        }
    },

    onScrollCallBack: function (scrollview, eventType, customEventData) {

        if ((eventType == cc.ScrollView.EventType.SCROLL_TO_BOTTOM && scrollview.vertical)
            || (eventType == cc.ScrollView.EventType.SCROLL_TO_LEFT && scrollview.horizontal)
            || (eventType == cc.ScrollView.EventType.BOUNCE_BOTTOM && scrollview.vertical)
            || (eventType == cc.ScrollView.EventType.BOUNCE_RIGHT && scrollview.horizontal)) {
            var ListIndex = parseInt(customEventData);
            if (this.m_ListInfoArr[ListIndex] == null) return;
            if (this.m_ListInfoCnt[ListIndex] >= this.m_ListInfoArr[ListIndex].length) return;
            var tempArr = this.m_ListInfoArr[ListIndex].slice(this.m_ListInfoCnt[ListIndex], this.m_ListInfoCnt[ListIndex] + window.DYNAMIC_SCROLL_CNT);
            for (var i in tempArr) {
                this.InsertListInfo(ListIndex, [this.m_ListInfoCnt[ListIndex]++, tempArr[i]]);
            }
        }
    },
    //初始化列表
    InitList: function (ListIndex, JsName, Hook) {
        this.m_CtrlName[ListIndex] = JsName; // 步骤1：存储列表项组件名称
        this.m_HookArr[ListIndex] = Hook;// 步骤2：存储回调钩子（父组件引用）
        if (this.m_CtrlArr[ListIndex] == null) this.m_CtrlArr[ListIndex] = new Array(); // 步骤3：初始化控制器数组（如果为空）
        if (this.m_TempAddArr[ListIndex] == null) this.m_TempAddArr[ListIndex] = new Array();   // 步骤4：初始化临时添加数组（如果为空
        this.RemoveListPre(ListIndex); // 步骤5：清理之前的列表数据
        //样本节点   
        // 步骤6：初始化样本节点（模板节点）
        if (this.m_NdDefult[ListIndex] == null) {
            this.m_NdDefult[ListIndex] = this.m_NdLayoutArr[ListIndex].children[0];
            this.m_NdDefult[ListIndex].active = false;
        }
    },
    ForEachCtrl: function (ListIndex, Call) {
        for (var i = 0; this.m_CtrlArr && this.m_CtrlArr[ListIndex] && i < this.m_CtrlArr[ListIndex].length; i++) {
            if (this.m_CtrlArr[ListIndex][i].node.active) {
                Call(this.m_CtrlArr[ListIndex][i]);
            }
        }
    },
    //列表数据
    InsertListInfo: function (ListIndex, Info) {
        this.m_TempAddArr[ListIndex].push(Info);
    },
    //数据数组
    InsertListInfoArr: function (ListIndex, InfoArr) {
        this.m_ListInfoArr[ListIndex] = InfoArr;
        this.m_ListInfoCnt[ListIndex] = 0;
        var tempArr = this.m_ListInfoArr[ListIndex].slice(this.m_ListInfoCnt[ListIndex], window.DYNAMIC_SCROLL_CNT);
        for (var i in tempArr) {
            this.InsertListInfo(ListIndex, [this.m_ListInfoCnt[ListIndex]++, tempArr[i]]);
        }
    },
    //清理列表
    RemoveListPre: function (ListIndex) {
        this.m_ListInfoArr = {};
        this.m_ListInfoCnt = {};
        this.m_IndexArr[ListIndex] = 0;
        this.m_TempAddArr[ListIndex].splice(0, this.m_TempAddArr[ListIndex].length);
        for (var i in this.m_CtrlArr[ListIndex]) this.m_CtrlArr[ListIndex][i].node.active = false;
    },
    //列表子项
    GetListPre: function (ListIndex) {
        //队列数量
        var CurIndex = this.m_IndexArr[ListIndex];
        this.m_IndexArr[ListIndex]++;
        //复制节点
        if (this.m_CtrlArr[ListIndex][CurIndex] == null) {
            this.m_CtrlArr[ListIndex][CurIndex] = cc.instantiate(this.m_NdDefult[ListIndex]).getComponent(this.m_CtrlName[ListIndex]);
            if (this.m_CtrlArr[ListIndex][CurIndex] == null) console.log(this.m_CtrlName[ListIndex] + '没有找到!!!')
            this.m_NdLayoutArr[ListIndex].addChild(this.m_CtrlArr[ListIndex][CurIndex].node);
        }
        //返回挂载脚本
        this.m_CtrlArr[ListIndex][CurIndex].node.active = true;
        return this.m_CtrlArr[ListIndex][CurIndex];
    },

    update: function (dt) {
        //已有项设置
        for (var i in this.m_TempAddArr) {
            while (this.m_TempAddArr[i].length > 0 && this.m_IndexArr[i] < this.m_CtrlArr[i].length) {
                var Info = this.m_TempAddArr[i].shift();
                var Js = this.GetListPre(i);
                Js.InitPre();
                if (Js.SetHook && this.m_HookArr[i]) Js.SetHook(this.m_HookArr[i]);
                Js.SetPreInfo(Info);
            }
        }
        //新创建项处理
        for (var i in this.m_TempAddArr) {
            if (this.m_TempAddArr[i].length) {
                var Info = this.m_TempAddArr[i].shift();
                var Js = this.GetListPre(i);
                Js.InitPre();
                if (Js.SetHook && this.m_HookArr[i]) Js.SetHook(this.m_HookArr[i]);
                Js.SetPreInfo(Info);
            }
        }
    },
});