笨木头  2013-08-14 21:26     Cocos2d-x,Cocos2d-x2.0     阅读(22216)     评论(18)

[笨木头Cocos2dx043]小玩半透明遮罩第01篇:添加半透明遮罩，屏蔽下层点击事件

 

呼呼，我现在是各种兴奋紧张恨，好久没有写教程了，不知道功力下降没（小若：不会的，不会下降的~已经最低了）。

今天我个人网游处女作内测了，欢迎关注：http://bbs.benmutou.com/forum.php?mod=viewthread&tid=1535

也正因为游戏内测，今天不会开发，所以心情比较舒畅，于是就来写教程了~

 

这次我们来玩玩半透明遮罩吧，就是那种比如游戏中点了一个按钮，要等待服务器响应，然后就黑屏等待。O_O!不是黑屏，就是半透明的黑屏，盖在游戏最上层。

 

1. 新建项目

好，先新建一个HelloWorldScene项目，自动生成的HelloWorldScene场景不要删除，然后运行成功，这个过程太复杂了，我就不解释了，效果：



 

2. 添加透明层

先来实现第一步吧，随便加个透明层，随便取个名字，就叫做ShadeLayer吧，我查了字典的~

头文件：

[cce_cpp]

#ifndef ShadeLayer_H

#define ShadeLayer_H

#include "cocos2d.h"

USING_NS_CC;

class ShadeLayer : public CCLayer {

public:

static ShadeLayer* create(CCLayer* uiLayer);

bool init(CCLayer* uiLayer);

};

#endif

[/cce_cpp]

为什么要加个CCLayer参数？因为以后要用到，现在暂时忽略，就是一个普通的Layer类。

好，重点是init函数，如下：

[cce_cpp]

bool ShadeLayer::init(CCLayer* uiLayer) {

bool bRet = false;

do {

CC_BREAK_IF(!CCLayer::init());

CCAssert(uiLayer, "uiLayer == NULL!");

CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();

/* 半透明层 */

CCLayerColor* layerColor = CCLayerColor::create();

layerColor->setColor(ccc3(0, 0, 0));

layerColor->setOpacity(150);

layerColor->setContentSize(CCSizeMake(visibleSize.width, visibleSize.height));

this->addChild(layerColor);

bRet = true;

} while (0);

return bRet;

}

[/cce_cpp]

简单地添加了一个CCLayerColor作为半透明层，目前为止没有东西需要解释。

最后，在HelloWorldScene的init函数的最后加上一句代码：

[cce_cpp]

bool HelloWorld::init()

{

bool bRet = false;

do {

/* 省略了一堆代码 */

/* 添加半透明层 */

this->addChild(ShadeLayer::create(this), 100);

bRet = true;

} while (0);

return bRet;

}

[/cce_cpp]

运行效果：



噗，完美，有半透明的效果了。

就这样，本教程结束...啊才怪啊！（小若：换个吐槽的招数好不好，听腻了）

 

3. 让下层的所有东西都不能点击

现在点击右下角的关闭按钮还是会响应，这不是我们想要的，在半透明遮罩出现的时候，下层的所有内容都不应该响应点击。

这很简单，修改一下ShadeLayer的init函数：

[cce_cpp]

bool ShadeLayer::init(CCLayer* uiLayer) {

bool bRet = false;

do {

CC_BREAK_IF(!CCLayer::init());

CCAssert(uiLayer, "uiLayer == NULL!");

CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();

/* 半透明层 */

CCLayerColor* layerColor = CCLayerColor::create();

layerColor->setColor(ccc3(0, 0, 0));

layerColor->setOpacity(150);

layerColor->setContentSize(CCSizeMake(visibleSize.width, visibleSize.height));

this->addChild(layerColor);

/* 全屏菜单，屏蔽下层点击事件 */

CCMenuItemImage* item = CCMenuItemImage::create();

item->setContentSize(CCSizeMake(visibleSize.width, visibleSize.height));

item->initWithTarget(this, menu_selector(ShadeLayer::itemCallback));

CCMenu* menu = CCMenu::create(item, NULL);

menu->setTouchPriority(-1280);

this->addChild(menu);

bRet = true;

} while (0);

return bRet;

} [/cce_cpp]