跳到主要内容

eui.BasicLayout

包    eui

类    public class BasicLayout

继承    eui.BasicLayout → eui.LayoutBase → egret.EventDispatcher → egret.HashObject

BasicLayout 类根据其各个设置彼此独立地排列布局元素。BasicLayout（也称为绝对布局）要求显式定位每个容器子代。可以使用子代的 x 和 y 属性，或使用约束来定位每个子代。

公共属性​

属性
useVirtualLayout : boolean
BasicLayout不支持虚拟布局，设置这个属性无效

公共方法​

方法
BasicLayout()
构造函数
measure():void
基于目标的内容测量其默认大小
updateDisplayList(width:number,height:number):void
调整目标的元素的大小并定位这些元素

属性详细信息​

useVirtualLayout​

useVirtualLayout : boolean

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

BasicLayout不支持虚拟布局，设置这个属性无效。

方法详细信息​

BasicLayout()​

public BasicLayout()

构造函数。

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

measure()​

public measure():void

基于目标的内容测量其默认大小

  • 支持版本:eui 1.0
  • 运行平台:Web,Native

updateDisplayList()​

public updateDisplayList(width:number,height:number):void

调整目标的元素的大小并定位这些元素。

  • 支持版本:eui 1.0
  • 运行平台:Web,Native
  • 参数

示例​


/*
* 以下示例使用 BasicLayoutExample 类来演示绝对布局
*/

class  BasicLayoutExample  extends  egret.Sprite  {

constructor()  {

super();

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

}

private  init():  void  {

var group =  new  eui.Group();

this.addChild(group);

var layout =  new  eui.BasicLayout();

group.layout  = layout;

var btn1 =  this.getButton();

group.addChild(btn1);

var btn2 =  this.getButton();

btn2.x  =  110; btn2.y  =  50;

group.addChild(btn2);

var btn3 =  this.getButton();

btn3.x  =  250; btn3.y  =  20;

group.addChild(btn3);

}

private  getButton(): eui.Button  {

var exmlButton =

`<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(exmlButton);

var btn =  new  eui.Button();

btn.skinName  =  "skins.ButtonSkin";

return btn;

}

}