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

Posted 2020-09-11 jzdwajue

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;
}