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拼成的一样。