跳到主要内容

eui.VerticalLayout

   eui

   public class VerticalLayout

继承    eui.VerticalLayout → eui.LinearLayoutBaseeui.LayoutBaseegret.EventDispatcheregret.HashObject

VerticalLayout 类按垂直顺序从上向下排列布局元素,在元素和围绕元素顺序的可选填充之间带有可选间隙。

公共属性

属性

公共方法

方法
elementAdded(index:number):void
在已添加布局元素之后且在验证目标的大小和显示列表之前,由目标调用

属性详细信息

方法详细信息

elementAdded()

public elementAdded(index:number):void

在已添加布局元素之后且在验证目标的大小和显示列表之前,由目标调用。按元素状态缓存的布局(比如虚拟布局)可以覆盖此方法以更新其缓存。

  • 支持版本:eui 1.0
  • 运行平台:Web,Native
  • 参数
    • index:number - 发生改变的子项索引

示例


**

* 以下示例使用 VerticalLayoutExample 类来演示垂直顺序从上向下排列布局元素

*/

class VerticalLayoutExample extends egret.Sprite {

constructor() {

super();

this.once(egret.Event.ADDED_TO_STAGE, this.init, this);

}

private init(): void {

var group = new eui.Group();

group.x = 20;

group.y = 20;

this.addChild(group);

var layout = new eui.VerticalLayout();

layout.gap = 30;

group.layout = layout;

var btn1 = this.getButton();

group.addChild(btn1);

var btn2 = this.getButton();

group.addChild(btn2);

var btn3 = this.getButton();

group.addChild(btn3);

}

private getButton(): eui.Button {

var exml =

`<e:Skin class="skins.ButtonSkin" states="up,down,disabled" minHeight="50" minWidth="100" xmlns:e="http:/ns.egret.com/eui">

<e:Image source="resource/button_up.png" source.down="resource/button_down.png" scale9Grid="1,3,8,8" width="100%" height="100%"/>

<e:Label id="labelDisplay" top="8" bottom="8" left="8" right="8" size="20" fontFamily="Tahoma" textColor="0xFFFFFF" verticalAlign="middle" textAlign="center"/>

</e:Skin>`;

var clazz = EXML.parse(exml);

var btn = new eui.Button();

btn.skinName = "skins.ButtonSkin";

return btn;

}

}