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