游戏开发引擎—cocos2d-x使用cocosstudio制作界面并应用--之游戏开发《赵云要格斗》

《游戏开发引擎—cocos2d-x使用cocosstudio制作界面并应用--之游戏开发《赵云要格斗》》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Cocos2d-x使用CocosStudio制作界面并应用--之游戏开发《赵云要格斗》（11）本文主要讲了怎么用CocosStudio制做登陆界面，并导出成Json文件，直接在Coco2d-x中来调用。这样做的好处就是界面和代码是分离的，你如果想改界面的话，就可以直接在外面用CocosStudio来修改，只要不修改按钮之类的名称，你的功能代码完全不用修改，只要将导出的Json文件和图片资源替换下就OK了，这样子的开发效率将会大大提高！Cocos2d-x版本：2.2.5工程环境：Windows7+VS2010打开方式：将工程放在Cocos2d-x安装目录下的project文

2、件夹下用VS打开本文效果：一、CocosStudio制做登陆界面首先，这里一定要注意Cocos2d-x和CocosStudio对应的版本，要不Cocos2d-x可能会用不了你制作的界面或动画等。Studio2.xPS1:表格中reader链接：https://github.com/chukong/cocos-readerStudio1.x这里要注意，你是什么版本的就下什么版本的，要不可能无法调用。CocosStudio自己去找下资源然后安好。基本没啥问题。下面我们来开始一个简单的教程吧：1.首先，打开CocosStudio，然后选择界面编辑器，这里还可以选择其它的，比如动

3、画、场景2.然后这是UIEditor的界面，里面有一些范例，你也可以直接拿去用，或者自己把图片改下3.点击文件，新建4.点击画布，更改界面大小为你的游戏的界面的大小5.然后直接将要用到的图片，背景图片和按钮图片，拖到右上角的Resources。如下：6.然后我们来看下如何更改界面的背景，其实就是直接拖图片，记得要先选好panel_14：7.然后是效果，同时要在上面放按钮，并加图片，这里要记得图片的名字：命名为Begin：效果8.按照上面的流程，把图片都放上去好了之后，依次添加其它按钮，并将它们对齐9.最后一步，文件-》导出项目10.导出的东西就在你这个项目Export文件

4、夹下：这是导出选择大图的情况：这是导出时选择小图的情况：看到了吧。图片少的时候，这就是导出的区别了，图片多的时候还是推荐用导出大图的，要不会有一大堆的图片。这样子，界面就做好了，我们可以直接在Cocos2d-x中来调用了。二、Cocos2d-x使用Json文件1.在这里，我们随便新建一个工程,先把上面的资源Json、图片所有都放到工程的Resource文件夹下。2.在新建工程HelloWorldScene.h中添加头文件:12#include "cocos2d.h"  #include "cocos-ext.h"  345USING_NS_CC;  USING_NS_CC

5、_EXT;  using namespace gui;//重点要记得，要不会出现error C2065: “SEL_TouchEvent”: 未声明的标识符并且添加按钮的回调事件：1void touchButton(cocos2d::CCObject* obj,gui::TouchEventType type);3.然后在Init()函数中增加：123456789//加载Cocos Studio制作的界面  gui::TouchGroup* ul = gui::TouchGroup::create();   gui::Layout* equipe_root =dynami

6、c_cast(GUIReader::shareReader()->widgetFromJsonFile("MyLogin_1.ExportJson"));  ul->addWidget(equipe_root);   this->addChild(ul, 2);     //给开始按钮添加事件监听  gui::Button *Btn_Begin = dynamic_cast(equipe_root->getChildByName("Begin_Game")); //Begin_Game为在Cocos Studio中定

7、义的按钮的名称  Btn_Begin->addTouchEventListener(this,toucheventselector(HelloWorld::touchButton));4.回调函数的实现1234567891011121314151617181920void HelloWorld::touchButton(cocos2d::CCObject* obj,gui::TouchEventType type)  {      switch (type)      {          case gui::TouchEve