笔记汇总:http://www.cppblog.com/zdhsoft/archive/2014/07/15/207659.html

cocos2dx不仅是有框架,还提供了一个编辑器,能够对动画、UI、骨骼动画和场景编辑的功能。
使用这些工具,大大缩短了用cocos2dx开发周期。但总的来说,操作并非非常方便,可是有总比没有强!
下载地址:http://cn.cocos2d-x.org/download/ 如今MAC的版本号也出来了。
下图是界面




然后启动,新建一个项目





这样就完毕项目的创建。

在编辑之前,须要先给项目提供资源,一种是把资源拖到右边的资源列表或都在资源列表打开选择资源对话框。





插入结果

其他资源依此类推。

项目创建会默认创建一个画布和一个容器panel



在正式编辑UI之前,须要先设置画面大小,这个跟据你项目的要求设置。



以下在画面中,填加一个图片。非常不幸,你不能从资源列表直接拖到中间的画布上仅仅,仅仅能在画布或对象列表使用右键,弹出右键菜单,加入图片对象。





然后,用鼠标选这个对象。在画面的右边,会有一个对象的属性面板。



属性面版有尺寸和模式、常规、控件布局、特性。大家能够尝试设置,就知道他的作用了。加入完毕后,把详细的图片资源拖到属性面版->特性->文件框内,就能够了。



结果



这样就OK了

在属性面板有一个Tag属性和名子属性要注意一下,我面在载入UI后,能够通过这两个属性取得UI中的这个对象。

可能调整渲染层级达到调整显示次序的效果。

依照上面的步骤,就能够非常快的做出UI了。

做完后,就须要导出UI了,cocos2dx是不能直接使用UIproject的,须要使用导出的。





在导出资源这块,要注意一下,使用大图,会把用到的资源拼成一个大图,能够提高效率。使用小图,则把资源的图原样复制过去。这个看你的取舍了。

导出完毕后,把导出的文件夹拷贝到cocos2dxproject的Resource这个文件夹以下,就能够在项目中使用了。



最后在须要使用这个UI的场景,添加以下代码

        gui::TouchGroup* ul = gui::TouchGroup::create();

        ul->addWidget(GUIReader::shareReader()->widgetFromJsonFile("NewUi_1/NewUi_1.ExportJson"));

        this->addChild(ul, 2);

假设要訪问这个资源,就能够通过tag来操作。 ul->getWidgetByTag(42)。注意不是ui->getChildByTag(42),这个不会遍历全部的子节点。 !这样就完毕一个全然的UI操作!

[cocos2dx笔记011]使用Cocostudio UI编辑器的更多相关文章

  1. CocoStudio UI 编辑器的使用

    详细教程:http://www.cocoachina.com/bbs/read.php?tid=161567 Table of Contents 1 游戏中的 UI 1.1 基于 Cocos2d-x ...

  2. 使用 CocoStudio UI 编辑器实现《乱斗堂》设置界面

    由于是引用别人的,所以直接贴上地址了.http://www.cocoachina.com/bbs/read.php?tid=164820&fpage=7 1 游戏中必不可少的 UI 元素    ...

  3. cocostudio ui编辑器 使用心得

    1 c++包含路径 2九宫格设置 cocostudio ui编辑器设置九宫格x,y,w,h是从图片左上角开始测量,然后调整尺寸就行了. 2.  如果点了自适应  panel会在加载json的时候被设置 ...

  4. Cocos2d-x 3.2 学习笔记(十三)CocoStudio UI编辑器 by 保卫萝卜

    关于编辑器部分研究的不多,但基本能使用.最近时间不是很多,因此写blog的次数越来越少了.自从玩了<保卫萝卜>时候一直想要写一下,同时练下手感.基本的结构已经写的差不多了,主要完善写UI和 ...

  5. [使用经验]cocostudio UI编辑器的裁剪

    日志-2015/03/16 描述:在程序使用UI编辑器导出文件的时候,该panel中大于panel的部分都没有显示出来,例如人物,一些特效等 原因:UI编辑器panel都勾上了裁剪 解决:在编辑器中把 ...

  6. cocoStudio UI编辑器 学习总结

    一.控件 控件基类 UIWidget:所有UI控件的基类 addChild:添加UIWidget类型的节点 addRenderer:添加CCNode类型的节点 所有UIWidget,都可以设置成触摸s ...

  7. [cocos2dx笔记010]用于UI的事件管理器

    cocos2dx有一个编辑器:cocostudio.眼下来说,已经是比較好用了.仅仅要载入导出的资源.就能够用上了.省去手动搭建面的麻烦. 可是.非常多须要事件的地方,操作比較麻烦,所以这里提供一个事 ...

  8. UI编辑器

    本篇教程通过制作捕鱼达人的启动界面来说明CocoStudio UI编辑器的用法.先看看效果图 好了,下面一步一步的动手做吧! 1.打开软件 2.新建项目 依次打开软件主界面左上角菜单栏的:“文件”-- ...

  9. [cocos2dx笔记004] android添加�静态库project

    (基于2.2.2版本号) 这步比較麻烦,不像vs2013那样好设置.參考了非常多文章.还是不能解决这个问题.仅仅有慢慢摸索了.在这里贴出来,希望能让大家能少走点弯路. 还是其于前面的文章提到的myli ...

随机推荐

  1. 标准模板库——IO库

    IO库设施: . istream(输入流)类型,提供输入操作. . ostream(输出流)类型,提供输出操作. . cin,一个istream对象,从标准输入读取数据. . cout,一个ostre ...

  2. 3n+1

    #include<iostream> using namespace std; int main() { int n; while(cin>>n) { int count=0; ...

  3. 数据库分页【Limt与Limt..OFFSET 】

    数据起始 SELECT * from xiaoyao_blogs_essay  limit 20 , 15;解释:20是起始位置,15是页容量.因为id是从15开始的 SELECT * from xi ...

  4. ZOJ 3209 Treasure Map 精确覆盖

    题目链接 精确覆盖的模板题, 把每一个格子当成一列就可以. S忘记初始化TLE N次, 哭晕在厕所...... #include<bits/stdc++.h> using namespac ...

  5. js判断某个方法是否存在

    window.onload = function(){ try{ if(test && typeof(test) == "function"){ test(); } ...

  6. Unix/Linux笔记全集

    1:Unix/Linux操作系统概述 要求:理解应用软件和操作系统的区别,掌握系统的Kernel(核心)和shell(外壳)之间的关系以及各自的作用 Solaris:Solaris 是Sun Micr ...

  7. android小知识之中如何获取当前时间

    百度整理过来的 [java] view plaincopyprint? import    java.text.SimpleDateFormat; SimpleDateFormat    format ...

  8. 动态更换view类的背景----StateListDrawable的应用

    StateListDrawable可以根据View的不同状态,更换不同的背景 可以应用如EditText,Button等中,以Button为例 系统中默认的按钮被按下的颜色和未点击时的颜色不一样,该种 ...

  9. iOS6与iOS7屏幕适配技巧

    一.没有包装任何 导航控制器 或者 UITabBarController 1.控制器的view是UIScrollView\UITableView\UICollectionView时(控制器是UITab ...

  10. no protocol specified

    基于vncserver安装oracle or oracle RAC时 以root账号运行xhost + 在切换到grid or oracle安装oracle database file or clus ...