跳到主要内容

eui.HSlider

包    eui

类    public class HSlider

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

使用 HSlider（水平滑块）控件，用户可通过在滑块轨道的端点之间移动滑块来选择值。滑块的当前值由滑块端点（对应于滑块的最小值和最大值）之间滑块的相对位置确定。

公共属性​

属性

公共方法​

方法
HSlider()
构造函数

事件​

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

属性详细信息​

方法详细信息​

HSlider()​

public HSlider()

构造函数。

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

示例​

**

* 下面的例子显示了一个 HSlider。

*/

class  HSliderExample  extends  egret.Sprite  {

public  constructor()  {

super();

var exml =

`<e:Skin minWidth="20" minHeight="8" xmlns:e="http:/ns.egret.com/eui">

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

<e:Image id="trackHighlight" source="resource/slider/tracklight.png" scale9Grid="1,1,4,4" height="6" verticalCenter="0"/>

<e:Image id="thumb" source="resource/slider/thumb.png" verticalCenter="0"/>

</e:Skin>`;

var hslider =  new  eui.HSlider();

hslider.skinName  = exml;

hslider.width  =  300;

hslider.x  =  100;

hslider.y  =  50;

this.addChild(hslider);

}

}