cocos2d-x 界面编程一（cocostudio GUI的初级使用）

最新推荐文章于 2018-04-05 10:24:56 发布

cyistudio

最新推荐文章于 2018-04-05 10:24:56 发布

阅读量8.9k

点赞数

分类专栏： cocos2d-x 文章标签： cocos2d-x UI 界面控件界面设计

本文链接：https://blog.csdn.net/cyistudio/article/details/17593349

版权

本文介绍了如何在cocos2d-x项目中使用cocostudio进行界面设计。在最新的cocos2d-x版本中，GUI已经内置，可以直接引用控件。作者建议通过sceneReader和GUIReader读取导出的场景和UI工程文件，而不再需要额外加载库。通过cocostudio编辑器创建和导出登录界面作为示例，将导出的文件复制到cocos2d-x工程资源文件夹，然后使用特定代码进行控制。

摘要由CSDN通过智能技术生成

本来想写点网络的东西，但是好像网络的东西还是服务端要求学习的内容比较多，所以最近也开始学习使用thinkPHP框架，因此网络这块暂时也就写到这两篇吧。现在开始也要学习cocostudio了，这东西经过一段时间的发展，终于已经可以真正放心运用到项目中了，里面的UI相当强大，所以不学的话，界面设计这块的效率会低很多。

在最近的cocos2d-x版本中已经嵌入了cocostudio GUI，在工程里可以直接引用cocostudio相关的控件，想了解的话可以直接进新版本cocos2d-x的testCPP项目里运行extension中的各个cocostudioGUI项目，可以一个个浏览里面的控件……

虽然已经集成了这些cocostudio GUI，但是如果要控制这些控件元素的位置还是使用cocostudio编辑器靠谱，不过这里要说的使用方法并不是官方帮助文档中所介绍的加载方式，在我用的cocos2d-x2.21版本中，可以通过sceneReader来读取cocostudio编辑器导出的场景工程文件，通过GUIReader来读取编辑器导出的UI工程文件，当然还有很多其它相关元素的加载控制方法，所以并不需要再像以前一样去加载一次cocostudio的库。

首先是要进入cocostudio编辑器，进入UI编辑器，起始页里面会有几个示例工程，点击新建一个这样的工程，比如：登录界面，然后可以看到一个现成的登录界面已经设计好了，直接打开文件菜单，导出这个项目，把导出的项目文件全部copy到一个新建的cocos2d-x工程的资源文件夹里，这时不可以开始使用这个UI了，看下面的代码：