用cocos2dx实现模态对话框

ui部分使用了cocoStudio，注意这里没有实现怎么屏蔽其他的输入事件，其他的文档已经太多了，我这里使用的cocoStudio的控件自己的特性。

这里强烈推荐一下cocoStudio，虽然现在还有不完善的地方，但是我个人感觉做的很不错了。

下面是代码，编译的时候请开启c++11.

//UI_ModalDialogue_Layer.h

#ifndef __UI_MODAL_DIALOGUE_LAYER_H__
#define __UI_MODAL_DIALOGUE_LAYER_H__

#include "cocos2d.h"
#include "cocos-ext.h"
#include <functional>

typedef std::function<void(void)> pCall;


class UI_ModalDialogue_Layer : public cocos2d::extension::UILayer
{
public:

    enum DialogueType
    {
        DT_Normal = 0,
        DT_Ok,
        DT_Yes_No,
    };
    enum ResultTag
    {
        RT_Ok = 0,
        RT_YES,
        RT_NO,
    };
private:
    UI_ModalDialogue_Layer(void);
    ~UI_ModalDialogue_Layer(void);

    CREATE_FUNC(UI_ModalDialogue_Layer);

    virtual bool init();

public:
    static void DoModal(const char* szTitle,const char* szContent,DialogueType type=DT_Normal,pCall p=nullptr);
    static void HideModal();

private:
    void updateLayer(const char* szTitle,const char* szContent,DialogueType type,pCall p);
    void btn_Click( cocos2d::CCObject* pSender );

private:
    static UI_ModalDialogue_Layer* s_pInstance;

    cocos2d::extension::UILabel*    m_pLabCaption;
    cocos2d::extension::UILabel*    m_pLabContent;
    cocos2d::extension::UIButton*        m_pBtn_Ok;
    cocos2d::extension::UIButton*        m_pBtn_Yes;
    cocos2d::extension::UIButton*        m_pBtn_No;

    DialogueType            m_Type;
    pCall                    m_pFunc;
};

#endif //__UI_MODAL_DIALOGUE_LAYER_H__

 

UI_ModalDialogue_Layer.cpp

#include "UI_ModalDialogue_Layer.h"

USING_NS_CC;
USING_NS_CC_EXT;

#define MODAL_DIALOGUE_ZORDER 9999


UI_ModalDialogue_Layer* UI_ModalDialogue_Layer::s_pInstance = NULL;

UI_ModalDialogue_Layer::UI_ModalDialogue_Layer(void)
{
}

UI_ModalDialogue_Layer::~UI_ModalDialogue_Layer(void)
{

}

bool UI_ModalDialogue_Layer::init()
{
    if (!UILayer::init())
    {
        return false;
    }

    UIWidget* pWidget = CCUIHELPER->createWidgetFromJsonFile("ui/Model_Dialogue/Model_Dialogue.ExportJson");
    addWidget( pWidget );

    m_pLabCaption = (UILabel*)getWidgetByName("lbl_Caption");
    m_pLabContent = (UILabel*)getWidgetByName("lbl_Content");

    m_pBtn_Ok = (UIButton*)getWidgetByName("btn_OK");
    m_pBtn_Ok->addReleaseEvent(this,coco_releaseselector(UI_ModalDialogue_Layer::btn_Click));
    m_pBtn_Ok->setWidgetTag(RT_Ok);

    m_pBtn_Yes = (UIButton*)getWidgetByName("btn_Yes");
    m_pBtn_Yes->addReleaseEvent(this,coco_releaseselector(UI_ModalDialogue_Layer::btn_Click));
    m_pBtn_Yes->setWidgetTag(RT_YES);

    m_pBtn_No = (UIButton*)getWidgetByName("btn_No");
    m_pBtn_No->addReleaseEvent(this,coco_releaseselector(UI_ModalDialogue_Layer::btn_Click));
    m_pBtn_No->setWidgetTag(RT_NO);
    
    return true;
}

void UI_ModalDialogue_Layer::btn_Click( CCObject* pSender )
{
    HideModal();
    
    if (m_pFunc)
    {
        UIButton* pBtn = dynamic_cast<UIButton*>(pSender);
        CC_ASSERT( pBtn );
        int nTag = pBtn->getWidgetTag();
        if ( RT_Ok==nTag || RT_YES==nTag )
        {
            m_pFunc();
        }
    }
}

void UI_ModalDialogue_Layer::updateLayer(const char* szTitle,const char* szContent,DialogueType type,pCall p)
{
    s_pInstance->m_pLabCaption->setText(szTitle);
    s_pInstance->m_pLabContent->setText(szContent);
    s_pInstance->m_Type = type;
    s_pInstance->m_pFunc = p;

    if (DT_Normal==s_pInstance->m_Type)
    {
        m_pBtn_Ok->setVisible(false);
        m_pBtn_Yes->setVisible(false);
        m_pBtn_No->setVisible(false);
    }
    else if (DT_Ok==m_Type)
    {
        m_pBtn_Ok->setVisible(true);
        m_pBtn_Yes->setVisible(false);
        m_pBtn_No->setVisible(false);
    }
    else if (DT_Yes_No==m_Type)
    {
        m_pBtn_Ok->setVisible(false);
        m_pBtn_Yes->setVisible(true);
        m_pBtn_No->setVisible(true);
    }
    else
    {
        CCLOG("UI_ModalDialogue_Layer::error m_Type");
    }
}

void UI_ModalDialogue_Layer::DoModal(const char* szTitle,const char* szContent,DialogueType type,pCall p)
{
    if (!s_pInstance)
    {
        s_pInstance = UI_ModalDialogue_Layer::create();
        s_pInstance->retain(); //let it leak,that's allright
    }
    CC_ASSERT(s_pInstance);
    s_pInstance->HideModal();

    s_pInstance->updateLayer(szTitle,szContent,type,p);

    CCScene* pCurrentScene = CCDirector::sharedDirector()->getRunningScene();
    CC_ASSERT(pCurrentScene);
    pCurrentScene->addChild(s_pInstance,MODAL_DIALOGUE_ZORDER);

    CCLOG("UI_ModalDialogue_Layer::ShowModal()");

}

void UI_ModalDialogue_Layer::HideModal()
{
    if (s_pInstance&&s_pInstance->getParent())
    {
        s_pInstance->removeFromParent();
        CCLOG("UI_ModalDialogue_Layer::HideModal()");
    }
}

 

//使用的时候这样，最后一个传一个lamda表达式，很方便.

UI_ModalDialogue_Layer::DoModal("321","4343",UI_ModalDialogue_Layer::DT_Yes_No,[&](){this->foo();} );