eui.RadioButton
包 eui
类 public class RadioButton
继承 eui.RadioButton → eui.ToggleButton → eui.Button → eui.Component → egret.DisplayObjectContainer → egret.DisplayObject → egret.EventDispatcher → egret.HashObject
RadioButton 组件使用户可在一组互相排斥的选择中做出一种选择
公共属性
属性 |
---|
enabled : boolean 如果 RadioButtonGroup 启用且 RadioButton 本身也启用,则 RadioButton 组件启用 |
group : eui.RadioButtonGroup 此 RadioButton 所属的 RadioButtonGroup 组件 |
groupName : string RadioButton 组件所属的组的名称 |
value : any 与 RadioButton 组件关联的可选用户定义值 |
公共方法
方法 |
---|
RadioButton() 构造函数 |
事件
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 实例上抬起接触点时(例如,按住屏幕上的某个对象,然后从它上面挪开后再松开手指)调度。 |
属性详细信息
enabled
enabled : boolean
- 支持版本:eui 1.0
- 运行平台:Web,Native
如果 RadioButtonGroup 启用且 RadioButton 本身也启用,则 RadioButton 组件启用。
group
group : eui.RadioButtonGroup
- 支持版本:eui 1.0
- 运行平台:Web,Native
此 RadioButton 所属的 RadioButtonGroup 组件。若不设置此属性,则根据groupName属性自动创建一个唯一的RadioButtonGroup。
groupName
groupName : string = “radioGroup”
- 支持版本:eui 1.0
- 运行平台:Web,Native
RadioButton 组件所属的组的名称
value
value : any = null
- 支持版本:eui 1.0
- 运行平台:Web,Native
与 RadioButton 组件关联的可选用户定义值。
方法详细信息
RadioButton()
public RadioButton()
构造函数。
- 支持版本:eui 1.0
- 运行平台:Web,Native
示例
class RadioButtonExample extends egret.Sprite {
public constructor() {
super();
var skinExml =
`<e:Skin class="skins.RadioButtonSkin" states="up,down,disabled,upAndSelected,downAndSelected,disabledAndSelected" xmlns:e="http:/ns.egret.com/eui">
<e:Image height="22" includeIn="disabledAndSelected" source="resource/RadioButton/radiobutton_select_disabled.png"/>
<e:Image height="22" includeIn="downAndSelected" source="resource/RadioButton/radiobutton_select_down.png"/>
<e:Image height="22" includeIn="upAndSelected" source="resource/RadioButton/radiobutton_select_up.png"/>
<e:Image height="22" includeIn="up,down,disabled" source="resource/RadioButton/radiobutton_unselect.png"/>
<e:Label x="38" id="labelDisplay" textColor="0xffffff" size="18"/>
</e:Skin>`;
EXML.parse(skinExml);
var exml =
`<e:Group xmlns:e="http:/ns.egret.com/eui">
<e:layout>
<e:VerticalLayout gap="20"/>
</e:layout>
<e:RadioButton label="A. This is a radioButton." skinName="skins.RadioButtonSkin"/>
<e:RadioButton label="B. This is a progressBar." skinName="skins.RadioButtonSkin"/>
<e:RadioButton label="C. This is a textField." skinName="skins.RadioButtonSkin"/>
</e:Group>`;
var clazz = EXML.parse(exml);
var group = new clazz();
this.addChild(group);
group.x = 50;
group.y = 50;
}
}