Cocostudio使用简介

Cocos Studio是由触控科技引擎团队研发的一款基于Cocos 2d-x的一套专业的永久免费的游戏开发工具集,帮助开发者快速创建游戏资源，将大部分繁琐的游戏开发工作使用编辑器来快速制作，Cocos Studio包含了游戏开发中核心的几个游戏编辑器，UI编辑器、动画编辑器、场景编辑器、数据编辑器，用于处理游戏中的动画资源、UI界面、游戏场景、游戏数据.极大地提高了游戏的开发效率和品质的提升。

工具下载地址：http://www.cocos.com/download/cocos/

1. 如何新建一个Cocostudio工程

点击菜单栏的文件菜单，下拉列表中的新建项目，会弹出一个新建项目的信息面板，选择Cocos项目，单击下一步，会弹出一个设置项目信息面板，大家可以给项目命名，并选择项目的保存路径，最好在命名和路径中不要有中文字符，勾选游戏横竖屏显示，单击完成按钮。

项目创建成功后：

2. 界面介绍

渲染区：UI布局的主编辑区，在该区域可以对精灵进行移动，缩放，旋转的操作。

控件库：可用于在渲染区域编辑的各种控件，还可以扩充。

属性窗口：当选中一个节点，属性窗口会显示出该节点的所有属性。修改任意属性可以立即改变该节点在渲染区域的状态。

日志窗口：日志窗口用来记录所有操作的明细和历史。

资源窗口：支持对当前工程的资源管理。

3. 导入资源、编辑资源

3.1 导入资源

1.点击菜单栏的文件菜单，下拉列表中的导入->导入资源菜单，可以导入单个文件，也可以导入整个文件夹。

2.也可以直接拖拽单个资源或和整个资源文件夹到资源窗口下自己建的项目下。

3.2 资源编辑

右键点击资源窗口的资源，可以进行删除，重命名的操作；

可以再资源窗口下方的预览窗口，查看选中的资源预览效果图；

3. 设置画布大小

找到左上角的这个地方：

设置一下画布大小，设置成游戏的设计分辨率大小，也可以在下拉列表中能够选择自定义画布大小，会弹出一个偏好设置信息框，点击添加，会弹出一个新建分辨率信息框，设置名称，画布大小，单击确定即可。

1.缩放画布：Ctrl+鼠标滚轮，可以放大缩小画布。

2.移动画布：space（空格键） + 鼠标左键，可以拖动画布。

3.或者使用该按钮，进行移动画布。

4. 界面编辑控件

单个控件编辑方式：

（1）鼠标点击控件，选中控件，移动鼠标进行控件的拖动；

多个控件编辑方式：

（1）渲染区：Ctrl + 鼠标左键可以进行控件的多选；

5. 属性编辑

交互：使用在输出数据中启动控件的鼠标事件响应；

显示/隐藏：显示或隐藏选中的控件；

垂直翻转：

水平翻转：

名字：输出到数据文件的字符串，用于代码查找控件的标识（不可重复定义）；

逻辑标签：输出到数据文件的整数，用于代码查找控件的标识（不可重复定义）；

旋转：调整控件的旋转角度；

缩放：调整控件的横向缩放和纵向缩放；

位置：调整控件的坐标；

渲染层级：调整控件的渲染顺序，上下的遮挡关系；

复选框：

选中/取消：设置复选框的初始状态；

常态底图：复选框的正常状态下的底图图片资源；

按下底图：复选框的按下状态下的底图图片资源；

禁用状态：复选框的禁用状态下的底图图片资源；

标示图默认状态：复选框的按下状态下的底图图片资源（选择使用）；

标示图选中状态：复选框的选中状态下的高亮图片资源（选择使用）；

进度条：

进度：进度条的初始进度（0-100）；

类型：进度条的加载方向（左->右，右->左）;

图片资源：进度条的图片资源文件；

文本区:

宽度：文本区的宽（影响文本区的点击测试区域）；

高度：文本区的高（影响文本区的点击测试区域）；

字号：文本区的文字字体的大小；

字体：文本区的文字的字体；

对平对齐：文本区的文字的水平对齐方式（左对齐，中心对齐，右对齐）；

垂直对齐：文本区的文字的垂直对齐方式（顶对齐，中心对齐，底对齐）；

文本：文本区的初始显示的文字文本；

滚动层:

宽度：滚动层的宽（影响滚动层的点击测试区域）；

高度：滚动层的高（影响滚动层的点击测试区域）；

文件：滚动层的初始背景图片资源；

滚动层的子控件，需要选中滚动层，右键进行添加；

层容器:

宽度：层容器的宽（影响层容器的点击测试区域）；

高度：层容器的高（影响层容器的点击测试区域）；

文件：层容器的初始背景图片资源；

层容器的子控件，需要选中层容器，右键进行添加；

按钮：

正常状态：按钮的正常状态下的图片资源；

按下状态：按钮的按下状态下的图片资源；

禁用状态：按钮的禁用状态下的图片资源；

文本按钮：

正常状态：按钮的正常状态下的图片资源；

按下状态：按钮的按下状态下的图片资源；

禁用状态：按钮的禁用状态下的图片资源；

字体：文本按钮显示文字的字体；

文本：文本按钮显示的文字字符串；

数字标签：

标签图片：数字标签使用的图片资源；

标签首字符：数字标签使用的图片资源中的第一个字符；

标签首字宽：数字标签使用的图片资源中的第一个字符的宽（像素）；

标签首字高：数字标签使用的图片资源中的第一个字符的高（像素）；

文本：数字标签显示的文本字符串（图片资源中存在的字符集合）；

滑动条：

滑动进度：滑动条的初始进度，滑动节点的显示位置；

底图资源：滑动条的背景图片资源；

节点正常状态：滑动节点的正常状态显示的图片资源；

节点按下状态：滑动节点的按下状态显示的图片资源；

节点禁用状态：滑动节点的禁用状态显示的图片资源；

输入框：

宽度：输入框的宽（影响输入框的点击测试区域）；

高度：输入框的高（影响输入框的点击测试区域）；

字号：输入框的文字字体的大小；

字体：输入框的文字的字体；

文本：输入框的初始显示的文字文本；

文本框：文本框

交互动画：是否启动文本框的点击动画；

字号：文本框的文字字体的大小；

字体：文本框的文字的字体；

文本：文本框的初始显示的文字文本；

6. 导出资源（先保存，再发布）

或者菜单栏中的项目->发布和打包

导出文件包括.png和.plist文件。