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列表数据源赋值的全部内容,从下面的图片就可以看出。