码迷,mamicode.com
首页 > Web开发 > 详细

cocos2d-js的UI用cocoStudio结合开发笔记

时间:2015-07-21 18:43:06      阅读:681      评论:0      收藏:0      [点我收藏+]

标签:ui   cocostudio   控件   cocos2d-js   

1、首先用ccs.load().node来加载json文件并加入节点。
settingScene = ccs.load(res.setting_json).node;

2、在当前层中加入改节点。
this.addChild(settingScene);

3、通过ccui.helper.seekWidgetByName(node,name)获得控件
musicSlider = ccui.helper.seekWidgetByName(settingScene, "musicSlider");

4、通过addCCSEventListener监听事件(sender,type)
musicSlider.addCCSEventListener(this.sliderStateChange);

5、不同的控件监听事件的时候type不同
(1)slider
ccui.Slider.EVENT_PERCENT_CHANGED
可以得到的数据:
sender.getPercent()
(2)button
switch (type) {
case ccui.Widget.TOUCH_BEGAN:
break;
case ccui.Widget.TOUCH_MOVED:
break;
case ccui.Widget.TOUCH_ENDED:
break;
case ccui.Widget.TOUCH_CANCELED:
break;
default:
break;
}
(3)TextField
要获得表单中输入框的内容使用getString()方法
switch (type) {
case ccui.TextField.EVENT_ATTACH_WITH_IME:
break;
case ccui.TextField.EVENT_DETACH_WITH_IME:
break;
case ccui.TextField.EVENT_INSERT_TEXT:
break;
case ccui.TextField.EVENT_DELETE_BACKWARD:
break;
default:
break;
}
(4)checkbox
判断checkbox使用选中使用isSelected()方法
switch (type) {
case ccui.CheckBox.EVENT_SELECTED:
break;
case ccui.CheckBox.EVENT_UNSELECTED:
break;
default:
break;
}


版权声明:本文为博主原创文章,未经博主允许不得转载。

cocos2d-js的UI用cocoStudio结合开发笔记

标签:ui   cocostudio   控件   cocos2d-js   

原文地址:http://blog.csdn.net/wuweitiandian/article/details/46988933

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