当使用CocosStudio编辑好资源后，我们想在引擎里面使用，还需要发布。

操作界面  CocosStudio的界面主要分为菜单栏、工具栏、对象面板、资源面板、画布面板、属性面板、动画面板、输出窗口、状态栏九部分组成，如下图： 菜单栏  菜单栏为CocosStudio提供了功能入口

操作界面  CocosStudio的界面主要分为菜单栏、工具栏、对象面板、资源面板、画布面板、属性面板、动画面板、输出窗口、状态栏九部分组成，如下图： 菜单栏  菜单栏为CocosStudio提供了功能入口

Cocosstudio初使用（二）使用markdown来编辑的第一篇文章，其他都还好，代码没有高亮感觉好不爽啊，不知道有没有高人知道怎么搞定这个。

cocos提供了Cocosstudio这个工具，具体的场景设计、帧动画创建、位置适配等都可以在这里面进行。可以将设计和编码分开，提高开发效率。 

使用CocosStudio(v2.3.2)制作帧动画已经新建了一个项目，并新建了一个Layer，在Layer上添加了3个Sprite：Cn03_1初始X坐标-80Cn02_2初始X坐标1040在第120

我们在适配会遇到各种问题，我们一般会用cocosstudio来做UI适配，但是它也不是万无一失的，那么怎么办呢？

首先我们打开CocosStudio1.6，选择UIEditor，进去后我们发现有很多的示例，我们就悬着一个叫demologin的示例选择好后我们发现如下图，简单介绍了下功能这里我们选中那个login按钮

起因因为工作需要，所以需要使用CocosStudio来制作界面动画什么的。做完了发现需要找里边对象的时候会有很长一串代码，感觉不是很爽。

起因因为工作需要，所以需要使用CocosStudio来制作界面动画什么的。做完了发现需要找里边对象的时候会有很长一串代码，感觉不是很爽。

CocosStudio版本：v2.3.2首先把需要用到的素材拷贝到项目文件夹res下，这里新建了一个imgs文件夹，将本次用到的素材拷贝到res/imgs/下，路径里不要包含中文。

接上一节内容:cocos2dx-v2.3.3编辑器简单使用及不同分辨率适配本节主要Cocos骨骼动画的创建及使用 一、新建用CocosStudio工具新建一个状态栏项目。

UI项目一、新建用CocosStudio工具新建一个状态栏项目。如下图:二、预览 在新的编辑器，可以轻松看到效果，选中Ma

但是，目前的CocosStudio2.3.2中有了一定变化。先上图，如下：如图所示，我的标签中的内容想向右下方扩展，而且很可能换行显示（即文本内容可能是多行的）。

但是，目前的CocosStudio2.3.2中有了一定变化。 先上图，如下：如图所示，我的标签中的内容想向右下方扩展，而且很可能换行显示（即文本内容可能是多行的）。

实现过程记录 先上图，下图给出的是我的教学游戏中游戏中启动场景在CocosStudio2.3.2中的截图，同学们可以注意我在图中标记的部分。显然，在

实现过程记录先上图，下图给出的是我的教学游戏中游戏中启动场景在CocosStudio2.3.2中的截图，同学们可以注意我在图中标记的部分。显然，在上图

用CocosStudio2.3.2制作UI界面中控件不再支持运行3d动作特效  cocos2d-x+cocosstudio无疑是当下二维手游开发的利器，但是在从旧版本向新版本的升级过程中，坑坑也的确不少

用CocosStudio2.3.2制作UI界面中控件不再支持运行3d动作特效cocos2d-x+cocosstudio无疑是当下二维手游开发的利器，但是在从旧版本向新版本的升级过程中，坑坑也的确不少。

因此，CocosStudio（我目前使用的是2.3.2）在许多方面还有改进的地方，包括与之相对应的cocos2d-x中的代码操作部分。 

因此，CocosStudio（我目前使用的是2.3.2）在许多方面还有改进的地方，包括与之相对应的cocos2d-x中的代码操作部分。

Cocos2d-x3.8.1+CocosStudio2.3.2捉虫记之控制场景文件中的骨骼动画引子这段时间一直努力在把早期版本的拇指接龙游戏（Cocos2d-x2.2.3+CocoStudio1.4.0.1

Cocos2d-x3.8.1+CocosStudio2.3.2捉虫记之控制场景文件中的骨骼动画引子这段时间一直努力在把早期版本的拇指接龙游戏（Cocos2d-x2.2.3+CocoStudio1.4.0.1

其中学习到配合Cocos Studio设计UI并加载一节时，由于书中使用的是Cocos2d-x版本是3.0，我使用的是3.6，CocosStudio书中的版本是1.4，而现在的版本是2.3，所以发布资源的格式有所改变

最近工作中要使用CocosStudio做界面，好吧，不管对他有什么偏见，学习一下吧。这里主要记录一下三个控件的使用和说明。就是ScrollView，ListView和PageView。

之前预研过2D骨骼动画编辑工具SPINE，感觉其比cocosStudio及Unity3D自带的骨骼动画编辑器（原生Sprite Tree或Uni2D）要更适合有3DSMax习惯的美术，即Spine更容易被美术上手

   版本对应列表： Studio2.x  CocosStudio版本 对应Cocos2d-x版本 JS版本   备注 v2.1.5&

在最新的cocos集成环境中，CocosStudio已经集成到cocos中了，至于界面的制作和编辑器的基本使用在cocos官网有详细教程， 这里就不细说，资源下载和详情请参看官网教程：http://cn.cocos2d-x.org

环境：Windows7(64bits)VisuallStudio2013Cocos3d-x3.8.1+CocosStudio2.3.2 如下图所示： 看起

环境：Windows7(64bits)VisuallStudio2013Cocos3d-x3.8.1+CocosStudio2.3.2如下图所示：看起来是系统

以前的CocosStudio（例如我以前的游戏版本使用CocoStudio1.4）支持直接导入PhotoShop的PSD图像文件，但是当前的CocosStudio2.3.2（相应于cocos2d-x3.8.1

 这种布局相比CocosStudio v1.x时代简单纯粹得多，没那么多复杂的概念也没那么难理解，上手更简单，这篇教程就是来教大家怎么使用这个功能的。

当前测试版本：cocos2d-x3.8.1   3.7也试用，之下的版本没测过，一般是路径改变，文件名称一般不会变注：当前工程是通过控制台new的工程，不是cocosStudio创建的工程必须先通关官网

直接上步骤：(以COCOS2DX-JS框架自带的飞机为例子)1.打开cocosstudio2.0新建节点文件2.导入资源，并按照需要设计新建的节点文件红色框内为导入的资源，蓝色框内为csd文件的布局(注意

新建项目失败 这个是cocosstudio的小bug，本身在软件设计的问题，卸载重装cocosstudio就好了，项目路径最好改过别的

CocosStudio制作多分辨率UI布局如何快速地制作UI,是开发游戏时不得不面临的问题.cocos2d-x经历了1.0时代的固定位置,2.0时代的相对位置,在3.0时代引入了全新的GUI机制.新的GUI

CocosStudio制作多分辨率UI布局如何快速地制作UI,是开发游戏时不得不面临的问题.cocos2d-x经历了1.0时代的固定位置,2.0时代的相对位置,在3.0时代引入了全新的GUI机制.新的GUI

CocosStudio制作多分辨率UI布局如何快速地制作UI,是开发游戏时不得不面临的问题.cocos2d-x经历了1.0时代的固定位置,2.0时代的相对位置,在3.0时代引入了全新的GUI机制.新的GUI

cocosStudio2.X对应的cocos2d-x版本cocosStudio1.X对应的cocos2d-x版本cocoStudio1.6版本下载地址：http://cocostudio.download.appget.cn

cocosStudio2.X对应的cocos2d-x版本cocosStudio1.X对应的cocos2d-x版本cocoStudio1.6版本下载地址：http://cocostudio.download.appget.cn

直接上步骤：(以COCOS2DX-JS框架自带的飞机为例子)1.打开cocosstudio2.0新建节点文件2.导入资源，并按照需要设计新建的节点文件红色框内为导入的资源，蓝色框内为csd文件的布局(注意

cocosstudio版本：V2.3.1.2cocos2djs版本：V3.6.11.cocosstudio界面编辑cocosstudiomain场景：注意：界面中层级覆盖关系，依据的是cocosstudio

Cocos的主要产品有CocosStudio、Cocos2d-x(CocosFramework)、CocosCodeIDE。  

在【独立开发者erCocos2d-x实战003】使用CocosStudio制作plist文件中，我们已经知道如何制作plist，接下来就说说如何使用和加载plist文件。

在【独立开发者erCocos2d-x实战002】使用CocosStudio创建帧动画中，我们已经知道如何创建帧动画，接下来就说说如何进行plist文件的制作/生成。

在CocosStudio中存在两种设置帧动画的方式：单张图片多张图片大家可以点击连接查看相关文章，不过需要指出文章中错误点：addChild(rootNode);//需要添加这一句

使用cocosstudio进行资源文件导出：然后在cocos工程中进行加载csb文件： automyLayout=CSLoader::createNode("/res/Desktop/Layer.csb

简介：CocosStudio升级为cocos。更优秀的产品、更优质的服务。

----1首先open的cocosstudio打开UI编辑器，在画布列表里面新建画布，命名为:RankingList(至于ui编辑器的使用百度一下吧)可以参考下这：http://www.tuicool.com

macos版本为Yosemite10.10.3，xcode版本为6.3，cocos2d-x版本为3.4，cocosstudio版本为2.2.1一直在windows下开发，最近因为要开发cocos2d-x