36 lines
965 B
Markdown
36 lines
965 B
Markdown
|
|
|||
|
|
复选框组件 `eui.CheckBox` 继承自切换按钮 `eui.ToggleButton`。当它被选中,`selected`属性将变为true，反之则为false。
|
|||
|
|
|
|||
|
|
当然复选框按钮也继承自按钮 `eui.Button` 和容器 `eui.Component` ,他具有按钮和容器的基本功能。
|
|||
|
|
|
|||
|
|
~~~ typescript
|
|||
|
|
var cbx = new eui.CheckBox();
|
|||
|
|
cbx.label = "Select 1";
|
|||
|
|
this.addChild(cbx);
|
|||
|
|
cbx.addEventListener(
|
|||
|
|
eui.UIEvent.CHANGE,
|
|||
|
|
(evt:eui.UIEvent)=>{egret.log(evt.target.selected);
|
|||
|
|
},this
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
var cbx2 = new eui.CheckBox();
|
|||
|
|
cbx2.label = "Select 2";
|
|||
|
|
cbx2.y = 30;
|
|||
|
|
this.addChild(cbx2);
|
|||
|
|
|
|||
|
|
var cbx3 = new eui.CheckBox();
|
|||
|
|
cbx3.label = "Select 3";
|
|||
|
|
cbx3.y = 60;
|
|||
|
|
cbx3.enabled = false;//禁用复选框
|
|||
|
|
this.addChild(cbx3);
|
|||
|
|
~~~
|
|||
|
|
得到的效果：
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
> 同前面一节一样，这里也使用：
|
|||
|
|
~~~ typescript
|
|||
|
|
egret create HelloEUI --type eui
|
|||
|
|
~~~
|
|||
|
|
> 创建示例项目的默认皮肤。可以在示例项目的`eui_skins`文件夹下找到默认皮肤的 exml 文件。
|