Cocos2d-x 3.2 学习笔记（十三）CocoStudio UI编辑器 by 保卫萝卜

关于编辑器部分研究的不多，但基本能使用。最近时间不是很多，因此写blog的次数越来越少了。自从玩了《保卫萝卜》时候一直想要写一下，同时练下手感。基本的结构已经写的差不多了，主要完善写UI和战斗。关于资源素材的问题要感谢下《保卫萝卜》，我用以前的一个apk版本破解后拿到的素材。申明：只用于练习使用。

          CocoStudio 里面有UI编辑器，我是用的是V1.5版的。

 

          使用CocoStudio做UI编辑确实很简单，也很精细。拖动按钮 图片就可以制作一个简单的主页面。

          如图，这是我用保卫萝卜的素材拼的，下面就是导出了。

          把上面两个文件拷贝到 cocos2dx 项目的Resources文件夹下。然后程序就可以通过路径引用到了。

 

 

          一般创建好的项目会自动有三个库

          但使用CocoStudio的 MainUi.json 文件 就必须导入UI库，OK，来导入。

 

          在弹出的对话框中选择

1、项目地址\DefendRadish\cocos2d\extensions\proj.win32\libExtensions.vcxproj

2、项目地址\DefendRadish\cocos2d\cocos\editor-support\cocostudio\proj.win32\libCocosStudio.vcxproj

3、项目地址\DefendRadish\cocos2d\cocos\ui\proj.win32\libGUI.vcxproj

然后选择项目---右键---引用

 

OK，添加好引用之后还是不能在项目中直接使用的，继续选择配置属性。在附加包含目录中添加

1、$(EngineRoot)cocos

2、$(EngineRoot)cocos\ui

3、$(EngineRoot)extensions

4、$(EngineRoot)cocos\editor-support\

5、$(EngineRoot)cocos\editor-support\cocostudio

 

OK，搞定之后编译一下工程。

 

MenuScene.h

 

MenuScene.cpp 

 

OK，搞定，按下F5。

 

完全与CocoStudio拼成的一样。