cocoStudio布局界面，然后代码加载布局控件

最新推荐文章于 2019-01-10 18:10:00 发布

xiaowenguili

最新推荐文章于 2019-01-10 18:10:00 发布

阅读量1.3k

点赞数

分类专栏： cocos2dx 文章标签： cocostudio 布局界面控件

本文链接：https://blog.csdn.net/xiaowenliuwen/article/details/52639438

版权

cocos2dx 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

用cocostudio新建一个项目
1、文件\新建项目\如下图所示输入项目名称，选择项目位置；这样在指定位置就自动创建了一个项目名称文件夹
这里写图片描述
2、设置画布大小

现在画布大小是480*320，画布下面默认一个层容器Panel_14,在开发过程中设置程序中窗口大小，画布大小，层容器大小一致，然后给层容器设置背景图片，这样程序加载起来就有了默认背景，然后从右边控件区域拖动控件到层容器中。
3、给控件设置资源图片
这里写图片描述
放一张图片在项目目录的Resources资源文件夹下
然后刷新

在cocoStudio资源面板拖动这个资源到图片控件的文件框中，注意是拖动

这个图片控件就有了背景图

导出这个项目
文件\导出项目\确定
这里写图片描述

在程序中加载这个布局文件
将导出的项目内容复制到代码工程的Resources文件夹下

Widget *pWidget = dynamic_cast<Widget*>(cocostudio::GUIReader::getInstance()->widgetFromJsonFile("NewUi_1.json"));
    auto *btn =static_cast<Button *>(Helper::seekWidgetByName(pWidget, "Button_1"));
    auto *text = static_cast<Text *>(Helper::seekWidgetByName(pWidget, "Label_15"));
    text->setAnchorPoint(Vec2(0,0));
    text->setText("xxxxxxxxxxxxxxxxxxxxxxxxx");
    /* 设置按钮点击事件(注意转换类型的对应) */
    btn->addTouchEventListener(CC_CALLBACK_2(HelloWorld::touchEvent, this));
    this->addChild(pWidget);

这里的cocostudio::GUIReader::需要添加#include “editor-support/cocostudio/cocostudio.h”头文件
这里的ui控件Widget ，Button ，Text 等等需要添加#include “ui/CocosGUI.h”和命名空间using namespace cocos2d::ui;