跳到主要内容

eui.HScrollBar

   eui

   public class HScrollBar

继承    eui.HScrollBar → eui.ScrollBarBaseeui.Componentegret.DisplayObjectContaineregret.DisplayObjectegret.EventDispatcheregret.HashObject

HScrollBar(水平 ScrollBar)控件可以在因数据太多而不能在显示区域中以水平方向完全显示时控制显示的数据部分。虽然 HScrollBar 控件可以单独使用,但通常将它与其他组件一起使用来提供滚动功能。

公共属性

属性

公共方法

方法

事件

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 实例上抬起接触点时(例如,按住屏幕上的某个对象,然后从它上面挪开后再松开手指)调度。

属性详细信息

方法详细信息

示例

class  HScrollBarExample  extends  egret.Sprite  {

public constructor() {

super();

var exml =

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

<e:Image width="400" height="100" source="resource/selected.png" scale9Grid="1,1,4,4"/>

<e:Scroller >

<e:Skin>

<e:HScrollBar id="horizontalScrollBar" width="100%" height="30" bottom="0">

<e:Skin>

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

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

</e:Skin>

</e:HScrollBar>

</e:Skin>

<e:List id="list" width="400" height="100">

<e:layout>

<e:HorizontalLayout gap="20"/>

</e:layout>

<e:itemRendererSkinName>

<e:Skin states="up,down,disabled" height="50">

<e:Label text="{data.label}" textColor="0" horizontalCenter="0" verticalCenter="0"/>

</e:Skin>

</e:itemRendererSkinName>

<e:ArrayCollection>

<e:Array>

<e:Object label="Item1"/>

<e:Object label="Item2"/>

<e:Object label="Item3"/>

<e:Object label="Item4"/>

<e:Object label="Item5"/>

<e:Object label="Item6"/>

<e:Object label="Item7"/>

<e:Object label="Item8"/>

<e:Object label="Item9"/>

<e:Object label="Item10"/>

<e:Object label="Item11"/>

<e:Object label="Item12"/>

<e:Object label="Item13"/>

<e:Object label="Item14"/>

<e:Object label="Item15"/>

<e:Object label="Item16"/>

</e:Array>

</e:ArrayCollection>

</e:List>

</e:Scroller>

</e:Group>`;

var clazz = EXML.parse(exml);

var scroller = new clazz();

this.addChild(scroller);

}

}