cocos2d-x ui编辑器导出文件的使用

设置地方

1.在项目解决方案上右键,添加现有项目,找到Cocostudio,GUI库以及Extensions库。

2.添加项目的附加包含目录。右键项目-》property-》configuration properties-》c/c++-》General-》Additional Include Directories,添加$(EngineRoot)cocos\editor-support,$(EngineRoot)cocos,$(EngineRoot)。

3.引用ui库。右键项目-》property-》Common Properties,Add new Reference->添加libCocosStudio,libExtensions,libGUI库。

4.rebuild整个工程。

文件中代码调用

头文件:

#include "cocos-ext.h"
#include "cocostudio/CCSGUIReader.h"
#include "cocostudio/CocoStudio.h"
#include "ui/CocosGUI.h"

USING_NS_CC_EXT;
using namespace ui;
using namespace cocostudio;

layout加载及按钮事件的添加:

Layout *pLayout = static_cast<Layout *>(GUIReader::getInstance()->widgetFromJsonFile("uiresource/weigo_mainlayer/weigo_mainlayer.ExportJson"));
this->addChild(pLayout);

Button *btnUserData = static_cast<Button *>(Helper::seekWidgetByName(pLayout, "mainlayer_userdata"));
btnUserData->addTouchEventListener(CC_CALLBACK_2(CMainScene::touchEvent, this));
btnUserData->setTag(1);

函数:

void CMainScene::touchEvent(Ref *pSender, Widget::TouchEventType type)
{

}

cocos2d-x ui编辑器导出文件的使用

时间: 2024-08-15 07:00:28

cocos2d-x ui编辑器导出文件的使用的相关文章

cocos2d-x cocoStudioUI编辑器导出文件的使用

代码演示样例: UILayer* layer = UILayer::create(); layer ->addWidget(CCUIHELPER->createWidgetFromJsonFile("你的UI编辑器导出文件名称.json")); this->addChild(layer ); OK.上一步仅仅是将你制作的UI用代码显示出来, 可是当我们须要接收 来自 button,检測框等控件的点击及其它事件消息时,我们该怎么做呢? 第一步: 首先须要定义控件类型指针

超棒的 15 款 Bootstrap UI 编辑器

自从 2011 年 Mark Otto 和 Jacob Thornton 开发了  Bootstrap,我们第一次接触并熟知了 Bootstrap .这些都归功于  Twitter!从那以后,它就非常流行并且成为了最好的响应式框架之一.Bootstrap 帮助开发者快速高效的开启大量新的 web  项目,受到了广大开发者们的青睐. 为了照顾那些不是很熟悉 Bootstrap 但是又想继续深入了解的开发者,我们在这里简单的介绍一下.Bootstrap 是一个 pre-styled 组件的扩展库,有

cocostudio ui编辑器九宫格设置

cocostudio ui编辑器设置九宫格x,y,w,h是从图片左上角开始测量,然后调整尺寸就行了.

cocos2d-x3.0.1,加载cocostudio ui编辑器导出的json文件出现&quot;Buffer is too small&quot; &amp;&amp; 0解决方案

刚到这个公司,开始进行cocos2d-x的真正项目开发,为了以后能够更好扩展,改动不大,决定使用3.X版本开发,而且使用ui编辑器.在导入的时候,今天遇到一个问题,Buffer is too small,搜了不少,但是都没有解决的方案,最后查到一个错误诱因,是因为ui中使用了label所致,于是我试了试,发现还真是label导致的问题,每次运行异常都发生在CCDevice.cpp的 bool setFont(const char * pFontName = NULL, int nSize = 0

Cocos2d-x3.0游戏实例之《别救我》第五篇——使用Cocostudio UI编辑器创建操作界面

这一篇内容其实很简单,已经对Cocostudio比较熟悉的朋友就可以随便扫一下了~(小若:熟悉Cocostudio的人谁还有空看你的基础教程呢) 笨木头花心贡献,啥?花心?不呢,是用心~ 转载请注明,原文地址:http://www.benmutou.com/blog/archives/892 文章来源:笨木头与游戏开发 下载Cocostudio 首先,去官网下载最新版的Cocostudio:http://www.cocos2d-x.org/download 我这篇教程使用的版本是V1.3.0.1

Bootstrap UI 编辑器哪家强?推荐以下最好的15款 【快速GUI利器,一般人我不告诉他!】

Bootstrap UI 编辑器 以下是 15 款最好的 Bootstrap 编辑器或者是在线编辑工具. 1. Bootstrap Magic 这是一个 Bootstrap 主题生成器,使用最新的 Bootstrap 3 版本和 Angular JS 版本,提供一个鲜活的用户修改预览.它包括了各种各样的导入,一个颜色选择器和智能的预先输入.更神奇的是,Bootstrap 会根据用户的每个选择来重新简历框架,方便用户的下载和使用.  2. BootSwatchr BootSwatchr 是由 Dr

四款免费好用的Bootstrap ui编辑器

Bootstrap带来了设计革命,本文介绍的四种免费Bootstrap在线设计工具,可视化所见所得设计网页,然后输出Html/CSS代码,其中有些甚至可以实现拖曳,也有可以设定自己的主题模板Theme. 1. Layoutit LayoutIt通过使用我们的拖放界面生成器帮助您简单快速地创建Bootstrap前端代码.它陈列出Bootstrap的每个元素和组件,你只需要用鼠标拖曳到页面上即完成设计,让您的前端编码更容易,不需要你是javascript,HTML5或CSS3的专家.所有的设计可以是

[cocos2dx笔记011]使用Cocostudio UI编辑器

本文地址:http://www.cppblog.com/zdhsoft/archive/2014/07/19/207715.html 笔记汇总:http://www.cppblog.com/zdhsoft/archive/2014/07/15/207659.html cocos2dx不仅是有框架,还提供了一个编辑器,能够对动画.UI.骨骼动画和场景编辑的功能. 使用这些工具,大大缩短了用cocos2dx开发周期.但总的来说,操作并非非常方便,可是有总比没有强! 下载地址:http://cn.co

Bootstrap UI 编辑器

1. BootSwatchr BootSwatchr 是由 Drew Strickiand 独立开发和维护的,是唯一支持从右到左语言显示的 Bootstrap 自定义构建工具,这也是它的特色之一.BootSwatchr 是个可视化的工具,可以从底层开始创建 Bootstrap 主题. 2. Bootstrap Live Editor Bootstrap Live Editor 是个所见即所得的构建 Bootstrap 的编辑器.在 Bootstrap 准备好的内容和代码片段的基础上提供一个又好又