Cocos2d-JS中使用Cocos Studio资源04：关卡选择界面

概述cocos studio 版本： V2.3.1.2 cocos  js版本： V3.6.1 转：http://cn.cocos2d-x.org/tutorial/show?id=2820 代码：http://download.csdn.net/detail/chuanyu/8991313 代码用法： 用cocos studio 新建一个空白项目，然后把代码复制覆盖 1.cocos studio中编

cocos studio 版本： V2.3.1.2

cocos Js版本： V3.6.1

转：http://cn.cocos2d-x.org/tutorial/show?ID=2820

代码：http://download.csdn.net/detail/chuanyu/8991313

代码用法： 用cocos studio 新建一个空白项目，然后把代码复制覆盖

1.cocos studio中编辑界面

：左下角 资源栏，导入图片资源，然后在Layer.csd中编辑图片，按钮等所有界面中用到的资源，在MainScene.csd中编辑与外部界面的位置信息等

：中间最大的图形界面，可以对图片，按钮进行拖动，缩放等 *** 作

：右边是对应的属性值的配置， 其中的 属性--》名称 到时候在代码编辑中需要据此获取。

：下面是图形，按钮等的动作属性，动画之类

中间 ： 首先是 一个 pageVIEw控件，然后依次是3个 Layout， Layout里面包含2张图片

2. 编辑代码

加载整个界面并显示：

levelSelectionScene = ccs.load(res.main_scene_Json).node; //将levelSelectionScene对象加入到layer中。
this.addChild(levelSelectionScene); //从levelSelectionScene中获取控件并注册监听事件。

获取界面中的某个按钮：

startbutton = ccui.helper.seekWidgetByname(levelSelectionScene,"button_Enter");

设置按钮的一些属性：

leftbutton.settouchEnabled(false); //设置按钮为禁用状态。
leftbutton.setBright(false); //设置光亮
leftbutton.addtouchEventListener(this.leftRightbuttontouchEvent); //设置监听函数

leftRightbuttontouchEvent:function(sender,type){ //根据触发事件的类型进行分情况处理，从控制台输出cc.log();
switch (type) {
case ccui.Widget.touch_BEGAN:
cc.log("loginbutton touch Began"); break;
case ccui.Widget.touch_MOVED:
cc.log("loginbutton touch Moved"); break;
case ccui.Widget.touch_ENDED:

cc.log("loginbutton touch ENDED; break;

default: break;

}

获取文字控件：

numberText = ccui.helper.seekWidgetByname(levelSelectionScene,"LabelAtlas_CurrentScene");

重新设置文字值：

numberText.setString(number + "/3");

pageVIEw控件：

pageVIEw = ccui.helper.seekWidgetByname(levelSelectionScene,"PageVIEw_SelectPage"); //获取pageVIEw控件

pageVIEw.addCCSEventListener(this.pageVIEwStateChanged);//增加监听事件

//pageVIEw控件触发事件的处理函数
pageVIEwStateChanged:function(sender,type){
switch (type) { //pageVIEw当前所在的page的index发生了变化。
case ccui.PageVIEw.EVENT_TURNING:
cc.log("PageVIEw Event Turning");
cc.log(pageVIEw.getCurPageIndex()); break;

default: break;
}
},

pageVIEw显示不同的vIEw：

pageVIEw.scrolltopage(index);

总结

以上是内存溢出为你收集整理的Cocos2d-JS中使用Cocos Studio资源04：关卡选择界面全部内容，希望文章能够帮你解决Cocos2d-JS中使用Cocos Studio资源04：关卡选择界面所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。