跳到主要内容

eui.ProgressBar

包    eui

类    public class ProgressBar

继承    eui.ProgressBar → eui.Range → eui.Component → egret.DisplayObjectContainer → egret.DisplayObject → egret.EventDispatcher → egret.HashObject

ProgressBar 控件为随时间而变的任务进度提供了形象化的表示。

公共属性​

属性
direction : string
ProgressBar 填充在逐步完成过程中扩展的方向
labelDisplay : eui.Label
进度条文本
labelFunction : (value:number,maximum:number)=>string
进度条文本格式化回调函数
slideDuration : number
value改变时更新视图的缓动动画时间(毫秒为单位)
thumb : eui.UIComponent
进度高亮显示对象

公共方法​

方法
ProgressBar()
构造函数

事件​

Events
egret.Event.COMPLETE
当设置skinName为外部exml文件路径时，加载并完成EXML解析后调度。
egret.Event.RESIZE
当UI组件的尺寸发生改变时调度
eui.UIEvent.MOVE
当UI组件在父级容器中的位置发生改变时调度
eui.UIEvent.CREATION_COMPLETE
当UI组件第一次被添加到舞台并完成初始化后调度
egret.Event.ADDED
将显示对象添加到显示列表中时调度。
egret.Event.ADDED_TO_STAGE
在将显示对象直接添加到舞台显示列表或将包含显示对象的子树添加至舞台显示列表中时调度。
egret.Event.REMOVED
将要从显示列表中删除显示对象时调度。
egret.Event.REMOVED_FROM_STAGE
在从显示列表中直接删除显示对象或删除包含显示对象的子树时调度。
egret.Event.ENTER_FRAME
[广播事件] 播放头进入新帧时调度。
egret.Event.RENDER
[广播事件] 将要更新和呈现显示列表时调度。
egret.TouchEvent.TOUCH_MOVE
当用户触碰设备时进行调度，而且会连续调度，直到接触点被删除。
egret.TouchEvent.TOUCH_BEGIN
当用户第一次触摸启用触摸的设备时（例如，用手指触摸手机屏幕）调度。
egret.TouchEvent.TOUCH_END
当用户移除与启用触摸的设备的接触时（例如，将手指从屏幕上抬起）调度。
egret.TouchEvent.TOUCH_TAP
当用户在启用触摸设备上的已启动接触的同一 DisplayObject 实例上抬起接触点时（例如，手机点击屏幕后抬起）调度。
egret.TouchEvent.TOUCH_RELEASE_OUTSIDE
当用户在启用触摸设备上的已启动接触的不同 DisplayObject 实例上抬起接触点时（例如，按住屏幕上的某个对象,然后从它上面挪开后再松开手指）调度。

属性详细信息​

direction​

direction : string = Direction.LTR

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

ProgressBar 填充在逐步完成过程中扩展的方向。使用 Direction 类定义的常量。

labelDisplay​

labelDisplay : eui.Label = null

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

进度条文本

labelFunction​

labelFunction : (value:number,maximum:number)=>string

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

进度条文本格式化回调函数。示例：labelFunction(value:Number,maximum:Number):String;

slideDuration​

slideDuration : number = 500

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

value改变时更新视图的缓动动画时间(毫秒为单位)。设置为0则不执行缓动。

thumb​

thumb : eui.UIComponent = null

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

进度高亮显示对象。

方法详细信息​

ProgressBar()​

public ProgressBar()

构造函数。

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

示例​

class  ProgressBarExample  extends  egret.Sprite  {

public  constructor()  {

super();

var exml =

`<e:ProgressBar xmlns:e="http:/ns.egret.com/eui">

<e:Skin>

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

<e:Label id="labelDisplay" textColor="0xffffff" horizontalCenter="0" verticalCenter="0"/>

</e:Skin>

</e:ProgressBar>`;

var clazz =  EXML.parse(exml);

var progressBar =  new  clazz();

progressBar.width  =  500;

progressBar.height  =  40;

progressBar.minimum  =  0;

progressBar.maximum  =  100;

this.addChild(progressBar);

var add =  1;

this.addEventListener(egret.Event.ENTER_FRAME,function(e:egret.Event):void  {

progressBar.value  += add;

if(progressBar.value  >= progressBar.maximum  || progressBar.value  <= progressBar.minimum)  {

add =  -add;

}

},null);

}

}