跳到主要内容

eui.Direction

包    eui

类    public class Direction

定义进度条等控件增长方向的常量

公共属性​

属性
BTT : string
[静态]竖直从下到上增长
LTR : string
[静态]水平从左到右增长
RTL : string
[静态]水平从右到左增长
TTB : string
[静态]竖直从上到下增长

属性详细信息​

BTT​

BTT : string = "btt"

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

竖直从下到上增长

LTR​

LTR : string = "ltr"

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

水平从左到右增长

RTL​

RTL : string = "rtl"

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

水平从右到左增长

TTB​

TTB : string = "ttb"

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

竖直从上到下增长

示例​

**

* 以下示例使用 DirectionExample 类来控制进度条增长方向

*/

class  DirectionExample  extends  egret.Sprite  {

constructor()  {

super();

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

}

private progress_LTR: eui.ProgressBar;

private progress_RTL: eui.ProgressBar;

private progress_TTB: eui.ProgressBar;

private progress_BTT: eui.ProgressBar;

private  init():  void  {

this.progress_LTR  =  this.getProgressBar();

this.progress_LTR.direction  = eui.Direction.LTR;

this.progress_LTR.width  =  200;

this.addChild(this.progress_LTR);

this.progress_RTL  =  this.getProgressBar();

this.progress_RTL.y  =  50;

this.progress_RTL.direction  = eui.Direction.RTL;

this.progress_RTL.width  =  200;

this.addChild(this.progress_RTL);

this.progress_TTB  =  this.getProgressBar();

this.progress_TTB.width  =  60;

this.progress_TTB.y  =  100;

this.progress_TTB.direction  = eui.Direction.TTB;

this.progress_TTB.height  =  200;

this.addChild(this.progress_TTB);

this.progress_BTT  =  this.getProgressBar();

this.progress_BTT.width  =  60;

this.progress_BTT.x  =  100;

this.progress_BTT.y  =  100;

this.progress_BTT.direction  = eui.Direction.BTT;

this.progress_BTT.height  =  200;

this.addChild(this.progress_BTT);

this.addEventListener(egret.Event.ENTER_FRAME,  this.onEF,  this);

}

private  onEF():  void  {

this.progress_LTR.value  +=  1;

if  (this.progress_LTR.value  >=  100)  this.progress_LTR.value  =  0;

this.progress_RTL.value  +=  1;

if  (this.progress_RTL.value  >=  100)  this.progress_RTL.value  =  0;

this.progress_TTB.value  +=  1;

if  (this.progress_TTB.value  >=  100)  this.progress_TTB.value  =  0;

this.progress_BTT.value  +=  1;

if  (this.progress_BTT.value  >=  100)  this.progress_BTT.value  =  0;

//this.getProgressBar();

}

private  getProgressBar(): eui.ProgressBar  {

var exml =

`<e:Skin class="skins.ProgressBarSkin" xmlns:e="http:/ns.egret.com/eui" minWidth="30" minHeight="18">

<e:Image source="resource/track.png" scale9Grid="1,1,4,4" width="100%" height="100%" verticalCenter="0"/>

<e:Image id="thumb" height="100%" width="100%" source="resource/thumb.png"/>

<e:Label id="labelDisplay" textAlign="center" verticalAlign="middle" size="15" fontFamily="Tahoma" textColor="0x707070" horizontalCenter="0" verticalCenter="0"/>

</e:Skin>`;

var clazz =  EXML.parse(exml);

var bar =  new  eui.ProgressBar();

bar.skinName  =  "skins.ProgressBarSkin";

return bar;

}

}