如何使用Cocos Studio创建对话框，并用Cocos2d-x显示

最新推荐文章于 2023-07-25 18:29:29 发布

「已注销」

最新推荐文章于 2023-07-25 18:29:29 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： cocos2d-x 文章标签： cocos2d-x Cocos Studio 对话框 TouchGroup 触摸屏闭

本文链接：https://blog.youkuaiyun.com/wang_song_yan/article/details/39646989

cocos2d-x 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何使用CocosStudio编辑界面并将其与Cocos2d-x集成，包括导出JSON文件和图片资源，以及如何在代码中加载对话框，并通过设置触摸优先级来实现模态对话框的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发环境：

Xcode

Cocos Studio v1.0.0.0(mac版)

Cocos2d-x-2.2.5

1.使用Cocos Studio编辑一个界面，对话框的样子。具体怎么编辑，去找其他的文档。

2.将编辑好的工程导出，去Cocos Studio项目下面找到Export文件夹，下面就是导出的文件，生成一个json文件和一些图片资源。复制到Cocos2d-x工程的Resources目录下面。将新增加的资源文件添加到项目中。

3.在代码中加载对话框

CCNode *rootNode = cocostudio::timeline::NodeReader::getInstance()->createNode("Test_1.json");  
this->addChild(rootNode);

不出意外的话，应该就可以看到对话框了。

4.注意注意

上面的代码只是显示对话框，其实很多对话框都是点不穿的，人家说是模态对话框。

这个的实现方法就是让对话框把触摸事件吞噬即可。

头文件加上

void registerWithTouchDispatcher() ;
bool ccTouchBegan(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent) ;

cpp文件里面这样处理：

void HelloWorld::registerWithTouchDispatcher()
{
	CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate( this, -128, true );
}


bool HelloWorld::ccTouchBegan( cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent )
{
	return true;
}

但是问题来了，吞了触摸事件，对话框上的控件也不能操作了

对，这时候就需要设置触摸的优先级。

由于Cocos Studio里面的控件都是继承自Widget的，而Widget继承自CCNodeRGBA的，所以无法直接设置控件优先级。

我跟着代码看，Widget的触摸事件是由TouchGroup分发的。所以只需要设置TouchGroup的触摸优先级就可以。

至于说怎么知道是TouchGroup分发的，就是断点调试，大家都会的。控件是在上面读取json文件加载是被加入到TouchGroup的。

for ( int i = 0; i < rootNode->getChildrenCount(); i++ )
{
	TouchGroup*touchGroup = static_cast<TouchGroup*>(rootNode->getChildren()->objectAtIndex( i ) );
	touchGroup->setTouchPriority( -130 );
}

请关注我的新浪微博 width="100%" height="120" class="share_self" frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=120&fansRow=2&ptype=1&speed=0&skin=1&isTitle=1&noborder=1&isWeibo=0&isFans=0&uid=2237047381&verifier=f873c807&dpc=1">