跳到主要内容

eui.JustifyAlign

包    eui

类    public class JustifyAlign

JustifyAlign 定义布局类中 horizontalAlign 与 verticalAlign 属性需要的两端对齐常量值。

公共属性​

属性
CONTENT_JUSTIFY : string
[静态]相对于容器对子代进行内容对齐
JUSTIFY : string
[静态]相对于容器对齐子代

属性详细信息​

CONTENT_JUSTIFY​

CONTENT_JUSTIFY : string = "contentJustify"

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

相对于容器对子代进行内容对齐。这会将所有子代的大小统一调整为容器的内容宽度/高度。容器的内容宽度/高度是最大子代的大小。如果所有子代都小于容器的宽度/高度，则会将所有子代的大小调整为容器的宽度/高度。

JUSTIFY​

JUSTIFY : string = "justify"

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

相对于容器对齐子代。这会将所有子代的大小统一调整为与容器相同的尺寸。

示例​

**

* 以下示例使用 JustifyAlignExample 类来演示 horizontalAlign 属性的对齐常量值

*/

class  JustifyAlignExample  extends  egret.Sprite  {

constructor()  {

super();

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

}

private  init():  void  {

var arrAlign =  [eui.JustifyAlign.JUSTIFY, eui.JustifyAlign.CONTENT_JUSTIFY];

for  (var i =  0, max = arrAlign.length; i < max; i++)  {

var group =  new  eui.Group();

group.width  =  500;

group.height  =  100;

group.y  = i*120;

this.addChild(group);

var layout =  new  eui.HorizontalLayout();

layout.horizontalAlign  = arrAlign[i];

group.layout  = layout;

var txt =  this.getTxt(arrAlign[i]);

txt.x  =  500;

txt.y  = i*120;

this.addChild(txt);

for  (var j =  0; j <  4; j++)  {

var btn =  this.getButton();

group.addChild(btn);

}

}

}

private  getTxt(value: string): egret.TextField  {

var txt =  new  egret.TextField;

txt.text  = value;

txt.textColor  =  0xffffff;

return txt;

}

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;

}

}