Skip to content

Latest commit

 

History

History
executable file
·
28 lines (22 loc) · 885 Bytes

File metadata and controls

executable file
·
28 lines (22 loc) · 885 Bytes

垂直布局的行为和水平布局类似,只是方向从水平方向变为竖直方向。

这里仍然使用 eui 默认项目。

仍然使用水平布局所用的代码,将布局方式改变为垂直:

var btn1:eui.Button = new eui.Button();
btn1.label = "button A";
var btn2:eui.Button = new eui.Button();
btn2.label = "button B";
var btn3:eui.Button = new eui.Button();
btn3.label = "button C";
this.myGroup.addChild( btn1 );
this.myGroup.addChild( btn2 );
this.myGroup.addChild( btn3 );

var vLayout:eui.VerticalLayout = new eui.VerticalLayout();
vLayout.gap = 10;
vLayout.paddingTop = 30;
vLayout.horizontalAlign = egret.HorizontalAlign.CENTER;
this.myGroup.layout = vLayout; //设置问垂直布局

效果如图:

对比水平布局可以看到,容器内的UI控件是作为一个整体参与布局的。