【cocosStudio】查看官方示例--调用cocoStudio控件

发布时间：2020-12-14 16:53:21 所属栏目：百科来源：网络整理

导读：理解：将cocoStudio的ui控件转换成cocos的GUI控件来操作通过widgetFromJsonFile（）加载根容器Plane控件通过 Helper::seekWidgetByTag（）寻找子控件打开官方示例：打开 CMD CD 到D:cocos2d-x-3.3rc0tests cpp-tests 执行 cocos run -p win32 命令

理解：

将cocoStudio的ui控件转换成cocos的GUI控件来操作

通过widgetFromJsonFile（）加载根容器Plane控件

通过Helper::seekWidgetByTag（）寻找子控件

打开官方示例：

打开CMD
CD到D:cocos2d-x-3.3rc0testscpp-tests
执行cocos run -p win32命令

将class下所有的文件全部放到Sublime Text 3中：

查找文件CTRL+P：CocoStudio.h
发现底下有个：#include "cocostudio/CCSGUIReader.h"
接着查找：CCSGUIReader.h

导入头文件调用：(注意命名空间和强制类型转换类型)

将Json文件中的控件，转换成cocos2dx里面的ui控件来操作
#include "cocostudioCocoStudio.h"
#include "uiUIButton.h"
using namespace cocostudio;
using namespace ui;

注意类型转换的类型必须一一对应，比如TextField就是TextField，不能转换为TextFieldTTF：

[cpp] 
     view plain 
     copy 
     
 #include"HelloWorldScene.h"
 
 /*cocoStudio导出的Json文件*/
 #defineJSON"DemoLogin.json"
 #defineBTN_TAG14
 #defineEDIT_TEXT_NAME8
 
 /*设置命名空间*/
 USING_NS_CC;
 usingnamespacecocostudio;
 namespaceui;
namespacestd;
 Scene*HelloWorld::createScene()
 {
 autoscene=Scene::create();
 autolayer=HelloWorld::create();
 scene->addChild(layer);
returnscene;
 }
 boolHelloWorld::init()
if(!Layer::init())
returnfalse;
 }
/*加载cocoStudio界面*/
 autouiScene=GUIReader::getInstance()->widgetFromJsonFile(JSON);
 addChild(uiScene);
/*找到cocoStudio的控件,装换成coocs的gui控件(Helper须加载CocosGUI.h)*/
/*按钮*/
 Button*btn=(Button*)(Helper::seekWidgetByTag(uiScene,BTN_TAG));
/*设置按钮点击事件(注意转换类型的对应)*/
 btn->addTouchEventListener(this,toucheventselector(HelloWorld::touchEvent));
/*输入框(注意转换类型的对应,不是TextFieldTTF)*/
 editText=(TextField*)(Helper::seekWidgetByTag(uiScene,EDIT_TEXT_NAME));
true;
/*设置按钮点击事件*/
voidHelloWorld::touchEvent(Ref*pSender,TouchEventTypetype){
switch(type)
 {
caseTOUCH_EVENT_BEGAN:
 CCLOG("Began");
break;
caseTOUCH_EVENT_MOVED:
break;
caseTOUCH_EVENT_ENDED:
/*输出输入框的内容*/
 CCLOG(editText->getString().c_str());
caseTOUCH_EVENT_CANCELED:
default:
 }

FROM:http://blog.csdn.net/ns2250225/article/details/41961219

给cocos中添加响应事件的例子：

#include "ui/CocosGUI.h"

//获取屏幕大小
Size visibleSize = Director::getInstance()->getVisibleSize();

 
 auto 
  widget = Widget::create();

 
 widget->setContentSize(Size(100,100)); 

widget->setPosition(Vec2(visibleSize.width/2,visibleSize.height/2)); 

widget->setTouchEnabled( 
 true 
 ); 

this 
 ->addChild(widget); 

widget->addTouchEventListener([](Ref *pSender,Widget::TouchEventType type){ 

switch 
  (type) 

{

case 
  Widget::TouchEventType::BEGAN: 

CCLOG( 
 "BEGAN" 
 ); 

break 
 ; 

 Widget::TouchEventType::MOVED: 

"MOVED" 
 ); 

;

 Widget::TouchEventType::ENDED: 

"ENDED" 
 ); 

;

 Widget::TouchEventType::CANCELED: 

"CANCELED" 
 ); 

;

default 
 : 

;

}

});

from：http://www.cocoachina.com/bbs/read.php?tid-289092.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

【cocosStudio】查看官方示例--调用cocoStudio控件

理解：

将cocoStudio的ui控件转换成cocos的GUI控件来操作 通过widgetFromJsonFile（）加载根容器Plane控件 通过Helper::seekWidgetByTag（）寻找子控件

打开官方示例：

将class下所有的文件全部放到Sublime Text 3中：

导入头文件调用：(注意命名空间和强制类型转换类型)

将cocoStudio的ui控件转换成cocos的GUI控件来操作

通过widgetFromJsonFile（）加载根容器Plane控件

通过Helper::seekWidgetByTag（）寻找子控件