cocostudio如何使用

CocoStudio UI 编辑器的使用

Table of Contents

1 游戏中的 UI

1.1 基于 Cocos2d-x 的 UI 使用现状分析
1.2 如何在游戏中使用 CocoStudio UI 框架
1.3 CocoUI 框架基本组成
2 CocoUI 框架

1 游戏中的 UI
CocoStudio 是专门针对 Cocos2d-x 而设计的一套可视化编辑工具，它能与Cocos2d-x 无缝的集成。对美工而言，可以使用它来设计界面，对开发者而言，可以通过后台编写代码处理复杂的游戏逻辑，使得游戏 UI 的界面与逻辑相分离，从而提高开发效率。

1.1 基于 Cocos2d-x 的 UI 使用现状分析

过去！在 Cocos2d-x 中使用控件我们需要根据自己的实际情况一个个封装，因此也“积累”并重用了一些基本控件，一个以 CCControl 为基本的控件集，之所以说是控件集，是因为里面所实现的控件都是独立的，之间并没有关联，每个控件都是一个层，这种管理方式与 Cocos2d-x 本身基于 CCNode 的管理方式，并没有明显区别，也因此，就 “UI控件” 来说，它们少了一个基本且必要的 “特性”。

没有统一的关系结构设计与层次关系
没有统一的触摸实现机制，从而导致，在复杂 UI 情况下，处理触摸变得异常麻烦，如多个控件的依赖于遮挡关系，依赖关系可以表现为：我们的父控件或层隐藏了，但仍然能接收到触摸事件，而遮挡关系则表现为：由于控件直接只是处理自己的逻辑，而不能判断是否在它的上层，已经存在接受触摸事件的操作，从而导致一些逻辑上的处理错误
缺少一些常用控件，如复选框等基本功能

以上都是在我们在开发中所遇到的实际问题，由于 CCControl 机制的限制，也导致了在实际使用过程中的不便，而在 CocoStudio 中，解决了先前所言的各种不便，重新设计了一套独立的 UI 系统，自己的架构，自己的管理方式，并且提供了丰富的基本控件且易于使用。