码迷,mamicode.com
首页 > 其他好文 > 详细

EUI组件之CheckBox

时间:2018-05-26 12:20:47      阅读:1328      评论:0      收藏:0      [点我收藏+]

标签:自己   class   分享图片   复制   target   strong   creat   str   pre   

一、CheckBox常规使用

拖动一个checkBox到exml即可

技术分享图片

 

 

点击效果

技术分享图片

 

二、代码中监听事件

/**
 * 主页场景
 * @author chenkai 2018/5/26
 */
class HomeScene extends eui.Component{
	private checkBox:eui.CheckBox;

	public constructor() {
		super();
		this.skinName = "HomeSceneSkin";
	}

	protected childrenCreated(){
		this.checkBox.addEventListener(eui.UIEvent.CHANGE, this.onChange, this);
	}

	private onChange(e:eui.UIEvent){
		let checkBox:eui.CheckBox = e.target;
		console.log(checkBox.selected);   //选中时true ,未选中时false
	}
}

  

其他:

1. 我想更换checkBox的外观怎么办?

 如下图,是Egret默认的皮肤。

1. 复制一个官方默认皮肤文件,命名为MyCheckBoxSkin

2. 修改正常、选中等图片为自己所需要的外观

3. 将皮肤赋值给checkbox即可

 技术分享图片

 

2. CheckBox不新建皮肤,而是直接设置属性面板的图片,能达到改变外观的效果吗?

尝试使用两张图片

技术分享图片

如下图,设置图片和设置皮肤,只能二选一。设置图片后,默认就不能选择皮肤了。导致checkbox成了一个普通Button。

技术分享图片

 

EUI组件之CheckBox

标签:自己   class   分享图片   复制   target   strong   creat   str   pre   

原文地址:https://www.cnblogs.com/gamedaybyday/p/9092489.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!