Laya---横向滚动列表

Posted 2022-12-02 格拉格拉

目录

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);