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(sliderStateChange);

5、不同的控件监听事件的时候type不同

（1）slider

Slider.EVENT_PERCENT_CHANGED

可以得到的数据：

sender.getPercent()

（2）button

switch (type) {
case Widget.TOUCH_BEGAN:
break;
TOUCH_MOVED:
TOUCH_ENDED:
TOUCH_CANCELED:
default:
break;
}

（3）TextField

要获得表单中输入框的内容使用getString()方法

TextField.EVENT_ATTACH_WITH_IME:
EVENT_DETACH_WITH_IME:
EVENT_INSERT_TEXT:
EVENT_DELETE_BACKWARD:
break;
}

（4）checkBox

判断checkBox使用选中使用isSelected()方法

CheckBox.EVENT_SELECTED:
EVENT_UNSELECTED:
break;}

相关文章