laya-coreui-es
Version:
laya核心库、ui库es版本,剔除了媒体、TTF等功能。基于 LayaAir-release_2.12.0 修改
108 lines (107 loc) • 4.91 kB
TypeScript
import { Button } from "./Button";
/**
* 当按钮的选中状态( <code>selected</code> 属性)发生改变时调度。
* @eventType laya.events.Event
*/
/**
* <code>CheckBox</code> 组件显示一个小方框,该方框内可以有选中标记。
* <code>CheckBox</code> 组件还可以显示可选的文本标签,默认该标签位于 CheckBox 右侧。
* <p><code>CheckBox</code> 使用 <code>dataSource</code>赋值时的的默认属性是:<code>selected</code>。</p>
*
* @example <caption>以下示例代码,创建了一个 <code>CheckBox</code> 实例。</caption>
* package
* {
* import laya.ui.CheckBox;
* import laya.utils.Handler;
* public class CheckBox_Example
* {
* public function CheckBox_Example()
* {
* Laya.init(640, 800);//设置游戏画布宽高。
* Laya.stage.bgColor = "#efefef";//设置画布的背景颜色。
* Laya.loader.load("resource/ui/check.png", Handler.create(this,onLoadComplete));//加载资源。
* }
* private function onLoadComplete():void
* {
* trace("资源加载完成!");
* var checkBox:CheckBox = new CheckBox("resource/ui/check.png", "这个是一个CheckBox组件。");//创建一个 CheckBox 类的实例对象 checkBox ,传入它的皮肤skin和标签label。
* checkBox.x = 100;//设置 checkBox 对象的属性 x 的值,用于控制 checkBox 对象的显示位置。
* checkBox.y = 100;//设置 checkBox 对象的属性 y 的值,用于控制 checkBox 对象的显示位置。
* checkBox.clickHandler = new Handler(this, onClick, [checkBox]);//设置 checkBox 的点击事件处理器。
* Laya.stage.addChild(checkBox);//将此 checkBox 对象添加到显示列表。
* }
* private function onClick(checkBox:CheckBox):void
* {
* trace("输出选中状态: checkBox.selected = " + checkBox.selected);
* }
* }
* }
* @example
* Laya.init(640, 800);//设置游戏画布宽高
* Laya.stage.bgColor = "#efefef";//设置画布的背景颜色
* Laya.loader.load("resource/ui/check.png",laya.utils.Handler.create(this,loadComplete));//加载资源
* function loadComplete()
* {
* console.log("资源加载完成!");
* var checkBox:laya.ui.CheckBox= new laya.ui.CheckBox("resource/ui/check.png", "这个是一个CheckBox组件。");//创建一个 CheckBox 类的类的实例对象 checkBox ,传入它的皮肤skin和标签label。
* checkBox.x =100;//设置 checkBox 对象的属性 x 的值,用于控制 checkBox 对象的显示位置。
* checkBox.y =100;//设置 checkBox 对象的属性 y 的值,用于控制 checkBox 对象的显示位置。
* checkBox.clickHandler = new laya.utils.Handler(this,this.onClick,[checkBox],false);//设置 checkBox 的点击事件处理器。
* Laya.stage.addChild(checkBox);//将此 checkBox 对象添加到显示列表。
* }
* function onClick(checkBox)
* {
* console.log("checkBox.selected = ",checkBox.selected);
* }
* @example
* import CheckBox= laya.ui.CheckBox;
* import Handler=laya.utils.Handler;
* class CheckBox_Example{
* constructor()
* {
* Laya.init(640, 800);
* Laya.stage.bgColor = "#efefef";//设置画布的背景颜色。
* Laya.loader.load("resource/ui/check.png", Handler.create(this,this.onLoadComplete));//加载资源。
* }
* private onLoadComplete()
* {
* var checkBox:CheckBox = new CheckBox("resource/ui/check.png", "这个是一个CheckBox组件。");//创建一个 CheckBox 类的实例对象 checkBox ,传入它的皮肤skin和标签label。
* checkBox.x = 100;//设置 checkBox 对象的属性 x 的值,用于控制 checkBox 对象的显示位置。
* checkBox.y = 100;//设置 checkBox 对象的属性 y 的值,用于控制 checkBox 对象的显示位置。
* checkBox.clickHandler = new Handler(this, this.onClick,[checkBox]);//设置 checkBox 的点击事件处理器。
* Laya.stage.addChild(checkBox);//将此 checkBox 对象添加到显示列表。
* }
* private onClick(checkBox:CheckBox):void
* {
* console.log("输出选中状态: checkBox.selected = " + checkBox.selected);
* }
* }
*/
export declare class CheckBox extends Button {
/**
* 创建一个新的 <code>CheckBox</code> 组件实例。
* @param skin 皮肤资源地址。
* @param label 文本标签的内容。
*/
constructor(skin?: string, label?: string);
/**
* @inheritDoc
* @override
*/
protected preinitialize(): void;
/**
* @inheritDoc
* @override
*/
protected initialize(): void;
/**
* @inheritDoc
* @override
*/
set dataSource(value: any);
/**
* @inheritDoc
* @override
*/
get dataSource(): any;
}