游戏开发 CocoStudio工具集开发入门之UI编辑器教程

  次阅读 作者:智能小宝 来源:互联网 2016-01-19 11:16 我要评论(0)

CocoStudio游戏开发工具集中集成了UI编辑器,UI编辑器是一款用于编辑游戏中的UI界面的工具。支持丰富的UI控件,包括按钮,列表,复选 框,进度条,列表,滑动框等等,达到省时、省力、高效的目的。

1.1UI编辑器简介:

UI编辑器:是一款用于编辑游戏中的UI界面的工具。支持丰富的UI控件,包括按钮,列表,复选框,进度条,列表,滑动框等等,达到省时、省力、高 效的目的。

1.2安装环境

操作系统:Windows7/WindowsXP

程序扩展包:

lNetFramework 4.0

lVC2010(vcredist_x64/ vcredist_x86)

安装SPII游戏开发工具集

lCocoStudio.exe

1.3界面介绍

结构树:展示渲染区域节点的层次结构并且支持拖拽移动节点。结构树的根节点是一个Layer。

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

控件库:可用于在渲染区域编辑的各种控件包括Node,Sprite,LabelTFF,Layer,Menu,MenuItemImage等,还 可以扩充。

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

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

2.1 新建工程

点击菜单栏的文件菜单,下拉列表中的新建按钮,会弹出一个新建工程的信息面板,大家可以给工程命名,并选择工程的保存路径,最好在命名和路径中不要 有中文字符。

2.2 导入资源

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

2.也可以点击资源窗口的图标按钮,分辨导入单个文件,和整个文件夹;

2.3资源编辑

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

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

3.1 创建控件

1.右键点击渲染区画布,在右键菜单中选择添加控件,选中容器控件的情况下,会直接添加控件到容器控件下;

2.也可以直接在控件列表区,选中需要的控件,直接拖动到渲染区;

3.还可以从结构树上,选择一个容器控件,右键菜单,给容器控件添加子控件;

3.2编辑控件

单个控件编辑方式:

(1)鼠标点击控件,选中控件,移动鼠标进行控件的拖动;

(2)在结构树上选择相应的控件,该控件会全局被选中;

多个控件编辑方式:

(1)渲染区:Ctrl + 鼠标左键可以进行控件的多选;

(2)结构树:Ctrl + 鼠标左键可以进行控件的多选;

(3)渲染区:点击鼠标左键并进行拖动,可以进行控件的框选;

删除控件:渲染区右键菜单,结构树右键菜单,delete建;

复制控件:渲染区右键菜单,结构树右键菜单,Ctrl+C;

粘贴控件:渲染区右键菜单,结构树右键菜单,Ctrl+V;

显示编辑:

1.控件被选中的时候,会显示白色的编辑框,编辑框的四个角点可以进行缩放编辑,编辑框的右边中心点可以进行旋转编辑;

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...