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

前端之家收集整理的这篇文章主要介绍了cocos2d-js的UI用cocoStudio结合开发笔记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
1、首先用ccs.load().node来加载json文件并加入节点。
  1. settingScene = ccs.load(res.setting_json).node;
  1.  
2、在当前层中加入改节点。
  1. this.addChild(settingScene);
  1.  
3、通过ccui.helper.seekWidgetByName(node,name)获得控件
  1. musicSlider = ccui.helper.seekWidgetByName(settingScene,"musicSlider");
  1.  
4、通过addCCSEventListener监听事件(sender,type)
  1. musicSlider.addCCSEventListener(sliderStateChange);
  1.  
5、不同的控件监听事件的时候type不同
(1)slider
  1. Slider.EVENT_PERCENT_CHANGED
可以得到的数据:
  1. sender.getPercent()
(2)button
  1. switch (type) {
    case Widget.TOUCH_BEGAN:
    break;
    TOUCH_MOVED:
    TOUCH_ENDED:
    TOUCH_CANCELED:
    default:
    break;
    }
(3)TextField
要获得表单中输入框的内容使用getString()方法
  1. TextField.EVENT_ATTACH_WITH_IME:
    EVENT_DETACH_WITH_IME:
    EVENT_INSERT_TEXT:
    EVENT_DELETE_BACKWARD:
    break;
    }
(4)checkBox
判断checkBox使用选中使用isSelected()方法
  1. CheckBox.EVENT_SELECTED:
    EVENT_UNSELECTED:
    break;}

猜你在找的Cocos2d-x相关文章