List的使用

1.UI编辑模式：

    a.UI编辑的结构；

    b.List的属性设置，width设置为350，height设置为50，X方向的渲染单元格个数设置为7个，Y方向的渲染单元格个数设置为1个，我们做的横向的List，所以选择hScrollBarSkin添加皮肤；

    c.Box的属性设置，这个属性是最重要的；

    d.Button的属性设置，name可以用来数值赋值，width设置为50；

2.代码编辑：

    

module view. test{

     import ev = Laya. Event;

     export class aaa extends ui. test. aaaUI{

         constructor(){

             super();

             let urlArr: any[] = [];

             for( let i= 0; i< 10; i++ ){

                 urlArr. push({ btn: `星期 ${ i+ 1 } ` });

            }

             this. list. array = urlArr;

            //验证

             console. log( this. list);

             console. log( this. list. cells[ 0]. _childs[ 0]);

            

        }

    }

}

        在继承类里，我们先创建个数组，类型为any，然后写个循环把{ btn: `星期${i+1}` }push到数组中。i是Box的个数，{ btn: `星期${i+1}` }这个JSON中的btn就是我们在UI编辑模式下的Button的那个name值，`星期${i}`就是Button的文本内容。最后我们用array进行列表数据源赋值，这样就完成了List创建了。

3.Box下的子节点如何获取

        因为list里的内容是用array列表数据源赋值去实现它的内容填充的，所以它和其他的UI类不同，在childs下面只有一个我们在UI编辑模式下的一个Box>button,但是在cells这个属性里可以找到我们给list列表数据源赋值的全部内容，从下面的图片就可以看出。