eui.ToggleButton

包    eui

类    public class ToggleButton

继承    eui.ToggleButton → eui.Button → eui.Component → egret.DisplayObjectContainer → egret.DisplayObject → egret.EventDispatcher → egret.HashObject

子类    eui.CheckBox,eui.RadioButton,eui.ToggleSwitch

ToggleButton 组件定义切换按钮。单击该按钮会在弹起状态和按下状态之间进行切换。如果在按钮处于弹起状态时单击该按钮，则它会切换到按下状态。必须再次单击该按钮才可将其切换回弹起状态。可以使用 selected 属性以编程方式获取或设置此状态。

公共属性

属性
selected : boolean 按钮处于按下状态时为 true，而按钮处于弹起状态时为 false

公共方法

方法

事件

Events
egret.Event.CHANGE ToggleButtonBase 控件的'selected' 属性更改时分派。仅当用户通过触摸与控件交互时，才分派此事件。
egret.TouchEvent.TOUCH_CANCEL 取消触摸事件
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 实例上抬起接触点时（例如，按住屏幕上的某个对象,然后从它上面挪开后再松开手指）调度。

属性详细信息

selected

selected : boolean

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

按钮处于按下状态时为 true，而按钮处于弹起状态时为 false。

方法详细信息

示例

class  ToggleButtonExample  extends  egret.Sprite  {

public  constructor()  {

super();

var exml =

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

<e:ToggleButton x="100" y="100">

<e:Skin states="up,down,disabled,upAndSelected,downAndSelected,disabledAndSelected">

<e:Image source="resource/ToggleSwitch/toggle_switch_off.png" includeIn="up,down"/>

<e:Image source="resource/ToggleSwitch/toggle_switch_on.png" includeIn="upAndSelected,downAndSelected"/>

</e:Skin>

</e:ToggleButton>

</e:Group>`;

var clazz =  EXML.parse(exml);

var button =  new  clazz();

this.addChild(button);

}

}