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

页面导航:首页 > 网络编程 > JavaScript > cocos2d-js的UI用cocoStudio结合开发笔记

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

来源: 作者: 时间:2016-01-22 08:39 【

1、首先用ccs load() node来加载json文件并加入节点。settingScene = ccs load(res setting_json) node;2、在当前层中加入改节点。this addChild(settingScene);3、通过ccui helper seekWidgetByNam
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;
}
 
Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<