Laya---竖向滚动列表

Posted 格拉格拉

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Laya---竖向滚动列表相关的知识,希望对你有一定的参考价值。

与前面写的横向滚动列表稍微有点区别,竖向有点问题

1.右键---新建list组件--作为父物体

不需要滚动条的话,vScrollBarSkin 填 “ ”

2.右键list ---新建box组件

3.在box组件下创建滚动列表所包含的item物体

 

 4.代码部分

onAwake() 
 
    this.panelList = this.owner.getChildByName("panelList") as Laya.List;


init()
    this.panelList.repeatY = ConstScript.menuArray_all.length;
    this.panelList.renderHandler = Laya.Handler.create(this,this.panelListRender,     
          null, false);
    this.panelList.array = ConstScript.menuArray_all;
        
    //代码中指定。会引发bug,参照1在属性面板上赋值 
    //this.panelList.vScrollBarSkin = " ";

5.⚠️注意,如上init方法,如果需要频繁更新调用。想要注意laya的竖向滚动列表执行顺序有问题。有时会先再执行一遍 panelListRender 方法,才会执行新的数据。如果上次执行的panelList.Array的长度与新数据的长度不一致。就会崩溃。

解决办法: return

private panelListRender(cell: Laya.Button, index: number) 
        if((index+1)>ConstScript.resultArray.length) return;
        //。。。。
    

以上是关于Laya---竖向滚动列表的主要内容,如果未能解决你的问题,请参考以下文章

Laya---横向滚动列表

Laya---横向滚动列表

Laya的滚动容器

Laya的List组件

万彩动画大师丨时间轴竖向滚动条

Ext Js 6.2.1 classic grid 滚动条bug解决方案