Laya---横向滚动列表

目录

1. 在场景的层级面板右键---创建ui组件---list

2.右键新建的List组件---创建ui组件---box

3.设置box组件的renderType为render

4.右键box组件---创建子物体

 5.代码

---

1. 在场景的层级面板右键---创建ui组件---list

2.右键新建的List组件---创建ui组件---box

3.设置box组件的renderType为render

4.右键box组件---创建子物体

 

 5.代码

private barBtnList: Laya.List;
 
    private btnbarListArray = ["按钮1", "按钮2", "按钮3", "按钮4", "按钮5", "按钮6"]
    
    onAwake() {
        this.barBtnList = this.owner.getChildByName("barBtnList") as Laya.List;
        this.barBtnList.repeatX = this.btnbarListArray.length;
        this.barBtnList.repeatY = 1;
        this.barBtnList.spaceX = 30;
        //设置滑动相应
        this.barBtnList.renderHandler = Laya.Handler.create(this, this.onListRender, null, false);
        this.barBtnList.array = this.btnbarListArray;
        this.barBtnList.hScrollBarSkin = "";
    }
 
 
    onListRender(cell: Laya.Button, index: number) {
        let btnName = this.btnbarListArray[index];
        (cell.getChildByName("cx_all") as Laya.Button).label = btnName;
        cell.offAll(Laya.Event.CLICK);
        cell.on(Laya.Event.CLICK, this, () => {
            this.onItemClick(btnName);
        });
    }
 
    onItemClick(name: string) {
        console.log(name);
    }