2020-08-22

LayaIDE 实现翻页效果

接着上一篇：https://blog.youkuaiyun.com/qq_39258590/article/details/108165374

一般在实现list过程中要实现一些翻页的效果

左滑右滑实现翻页效果

 ListMouse() {
        this.currPage = 0;
        this.currScrollValue = 0;
        this.pageNum = 6;
        // this.owner.getChildByName('itemList').hScrollBarSkin = "";
        this.owner.getChildByName('itemList').on(Laya.Event.MOUSE_DOWN, this, function () {
            console.log("MOUSE_DOWN");
            this.currScrollValue = this.owner.getChildByName('itemList').scrollBar.value;
            this.owner.getChildByName('itemList').scrollBar.changeHandler = Laya.Handler.create(this, this.OnListScroll, null, false);

        });

    }
    OnListScroll(scrollValue) {
        // 后切页
        var prePage = this.currPage;
        if (this.currScrollValue < scrollValue) {
            this.currPage++;
        }
        else if (this.currScrollValue > scrollValue) { // 前切页
            this.currPage--;
        }

        if (this.currPage < 0) this.currPage = 0;
        if (this.currPage > this.owner.getChildByName('itemList').totalPage) this.currPage = this.owner.getChildByName('itemList').totalPage;

        if (prePage != this.currPage) {
            var target = this.currPage * this.pageNum;
            this.owner.getChildByName('itemList').scrollBar.changeHandler.recover();
            this.owner.getChildByName('itemList').scrollBar.changeHandler = null;
            this.owner.getChildByName('itemList').tweenTo(target, 600);
            console.log("page:" + this.currPage + "/total:" + this.owner.getChildByName('itemList').totalPage);
        }
    }