首页 > 代码库 > cocos2d-js的UI用cocoStudio结合开发笔记

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

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结合开发笔记