跳到主要内容

eui.HorizontalLayout

包    eui

类    public class HorizontalLayout

继承    eui.HorizontalLayout → eui.LinearLayoutBase → eui.LayoutBase → egret.EventDispatcher → egret.HashObject

HorizontalLayout 类按水平顺序从左到右排列布局元素，在元素和围绕元素的可选填充之间带有可选间隙。

公共属性​

属性

公共方法​

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

属性详细信息​

方法详细信息​

elementAdded()​

public elementAdded(index:number):void

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

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

示例​

**

* 以下示例使用 HorizontalLayoutExample 类来演示按水平顺序从左到右排列布局元素

*/

class  HorizontalLayoutExample  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.HorizontalLayout();

layout.gap  =  30;

group.layout  = layout;

for(var i:number=0;i<3;i++){

var btn =  this.getButton();

group.addChild(btn);

}

}

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;

}

}