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 文件。
|