【COCOS2DX-游戏开发之二】 模态对话框

需求：用cocos2d-x开发游戏时 可能需要模态对话框 拦截下层消息 

比如：购买等待模态对话框  我们点击购买按钮后不希望玩家再次点击购买 这时候我们最幸福的就是拥有一个模态对话框了

不知道咋在MAC上截图截的灰蒙蒙的...

实现原理：

模态对话框 能够拦截对话框所有下层的消息

cocos2d-x 消息处理优先级【-128,128】越小优先级越高

而菜单CCMenu kCCMenuHandlerPriority优先级 为-128 

要想拦截模态对话框下层所有消息(包括菜单) 

我们必须将的模态对话框优先级设置小于-128 这样就可以成功的拦截按钮的消息了

但是这样也意味着当前模态对话框的菜单消息(-128)也被拦截了

我们需要手动将消息传给模态对话框上的按钮进行处理

实现过程：

1.模态对话框派生自CCColorLayer 这样有个好处能处理触摸事件 还可以设置不透明度和背景颜色 比如半透明的灰色

    setColor(ccc3(255,0,0));
    setOpacity(128);

2.赋予当前模态对话框 一个接受触摸事件的最高优先级 意味着优先级数值要<-128 这样才能拦截包括按钮在内的所有消息

    // 屏蔽所有priority比自己大的消息
    CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this, kCCMenuHandlerPriority - 1, true);

3.处理触摸消息 手动将消息传送给当前模态对话框的按钮 看他们是否处理

bool DialogLayer::ccTouchBegan(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent)
{
    // 因为拦截了所有消息(包括按钮) 所以需要将消息手动传给模态对话框上的按钮
    if (mMenu) {
        mTouchedMenu = mMenu->ccTouchBegan(pTouch, pEvent);
    }
    
    return true;
}

简单的封装了一个类 还有待于改进 但目前已经能够满足使用了

#ifndef _DIALOGLAYER_H_
#define _DIALOGLAYER_H_

#include "cocos2d.h"

class DialogLayer: public cocos2d::CCLayerColor
{
public:
    DialogLayer();
    virtual ~DialogLayer();

public:
    /** 初始化对话框 */
    virtual bool onInitDialog() = 0;

    /** 所有的菜单按钮压入到容器中 */
    void pushMenu(cocos2d::CCMenuItem *pMenu);

    virtual bool init();

    virtual void onEnter();
    virtual void onExit();

    virtual bool ccTouchBegan(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent);
    virtual void ccTouchMoved(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent);
    virtual void ccTouchEnded(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent);
    virtual void ccTouchCancelled(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent);

private:
    /** 初始化菜单 将菜单添加到模态对话框上*/
    bool initMenu();

private:
    cocos2d::CCMenu *mMenu;             // 模态对话框菜单
    cocos2d::CCArray *mMenuItemArray;   // 所有菜单
    bool mTouchedMenu;                  // 记录菜单点击
};

使用很简单:

1.派生一个对话框，重载实现OnInitDialog将需要的控件添加到模态对话框上

2.派生类中需要响应事件的按钮使用pushMenu添加 

3.派生类实现CREATE_FUNC(class_name)宏

class ExitDlg : public DialogLayer
{
public:
    virtual bool onInitDialog();

    CREATE_FUNC(ExitDlg);

public:
    /** 确认和退出按钮 */
    void okMenuItemCallback(CCObject *obj);
    void cancelMenuItemCallback(CCObject *obj);
};

bool ExitDlg::onInitDialog()
{
    CCSize winSize = CCDirector::sharedDirector()->getWinSize();

    CCLabelTTF *label = CCLabelTTF::create("Are you sure exit?", "", 64);
    label->setPosition(ccp(winSize.width / 2, winSize.height / 2 + 50));
    this->addChild(label);

    CCMenuItemFont *okMenuItem = CCMenuItemFont::create("OK", this, menu_selector(ExitDlg::okMenuItemCallback));
    okMenuItem->setPosition(ccp(winSize.width / 2 - 100, winSize.height / 2 - 50));

    CCMenuItemFont *cancelMenuItem = CCMenuItemFont::create("Cancel", this, menu_selector(ExitDlg::cancelMenuItemCallback));
    cancelMenuItem->setPosition(ccp(winSize.width / 2 + 100, winSize.height / 2 - 50));

    pushMenu(okMenuItem);
    pushMenu(cancelMenuItem);

    setColor(ccc3(255,0,0));
    setOpacity(128);
    return true;
}

void ExitDlg::okMenuItemCallback(CCObject *obj)
{
    CCDirector::sharedDirector()->end();
}

void ExitDlg::cancelMenuItemCallback(CCObject *obj)
{
    removeFromParentAndCleanup(true);
}

使用也相当easy

void HelloWorld::menuCloseCallback(CCObject* pSender)
{
    ExitDlg* dlg = ExitDlg::create();
    addChild(dlg);
}

剩下的就是不断的重复重复再重复的利用了 哈哈

代码如下：查看代码

原理文章可以参考oneRain 的 文章 感谢作者的亲情奉献 哈哈

http://blog.csdn.net/onerain88/article/details/7608496#