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

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

2024-09-15 04:33:45   218人阅读

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






























        

            
                
                  
                
                

                    联系

                    我们