1、现有的cocos2d-x的ui和点击事件分派机制是无法适应mmo的ui逻辑的。 mmo的ui元素很多，一两百个界面是很正常的。 规则既单一又复杂，这些界面肯定是由简单的对话框组成的，不会有什么amazing的东西，但是这些对话框之间的遮挡、层级关系又是复杂的。如果把这些东西丢给写ui或者写逻辑的程序员去操心，那就等着无穷无尽的bug吧。而且即便维护好现有的代码，这些代码结构也是脆弱的，每添加一个新功能都有可能对以前的逻辑造成影响。

2、一套完善的ui可以不是cocos2d-x的核心代码，但是一定要属于cocos2d-x引擎的一部分。 不要想着cocos2d-x只是一个渲染引擎，其他的东西都可以外部扩展。  这种思路就像是cocos2d和ogre的思路一样，并不利于引擎的发展。 什么东西都是灵活可选的，反而不如提供一套默认好用的。  就像是java和c#提供的标准库对比c++的标准库。 一个提供好你需要的基础套件，一个只提供最核心的容器语法，最后哪个容易学？哪个发展的好？   很多时候灵活可选对终端用户而言并不一定是一件好事。

3、最早cocos2d提供的控件只有CCMenu，其他控件需要的话就用UIKit。 这个勉强可以接受。因为那个时候ios平台独立开发者做的都是愤怒的小鸟，水果忍者什么的，这些ui元素几乎为0，一个CCMenu就可以走天下了。 如果需要其他控件的时候，UIKIt也可以和cocos2d引擎完美的结合起来，用起来还算方便。

      但是转移到cocos2d-x就是另外一个天地了，因为用cocos2d的思路结合本地控件和游戏引擎在android平台上几乎是不可能实现的，那绝对是一个噩梦。 于是一套基于游戏引擎渲染的ui控件库便孕育而生。

4、但是这套新的ui控件库依然只是一个控件库，不是一个ui库。它依然无法承载一个mmo的需求。 mmo的开发者依然需要对其进行再封装和再开发。这里要表达两个观点，一是如果cocos2d-x提供一套方便好用的ui库，这些再开发是可以避免的，例如CEGUI。  二是，这样的一个好用方便的ui库并不是说一定限定于mmo使用，我们做水果忍者或者斗地主依然可以使用这套ui，依然会享受到其提供的便利。

5、现有的点击事件分发处理天然就不适应于复杂的ui框架。所有的控件平铺给CCTouchDispatcher处理，按照优先级处理点击事件。这个后期维护起代码来无比蛋疼，并且很有可能出现这些恶心的情况，窗体已经隐藏了，但是CCControlButton依然可以响应点击事件（注意Button本身依然是Visible的，只不过他的父窗体隐藏了）； 看到的是一个界面，但是点击到的是另外一个界面。

6、原本另写一套ui库是更加漂亮的方法，但是一方面现有游戏已经发布，代码中大量CCNode作为节点容器存在的情况，不可能对其大动手术；另一方面再写一个ui库消耗的时间很多，短时间内不可能实现。 所以选择直接改写CCNode的代码，重写事件分发机制。  但是我没有对其进行更加完整的思考，所以这种修改适应于我们的游戏，但是不一定适应于所有的游戏。  当然，适应于大多数游戏并不是一件困难的事情，只不过我懒得做了而已。

核心代码：

enum {
    kEventModeNone = 1,
    kEventModeNormal,               // 正常电击处理，大多数控件都是这种
    kEventModeIgnoreEvent,          // 不响应任何点击事件
    kEventModeBackground,           // 大多数node和layer是这种，本身不响应点击，但是会传递事件给子控件，如果没有子控件响应则穿透
    kEventModePassDrag,             // 一些子node会有这个属性，将move事件传递给父node
    kEventModeModel,                // 模态对话框
};

enum {	kEventModeNone = 1,						kEventModeNormal,				// 正常电击处理，大多数控件都是这种	kEventModeIgnoreEvent,			// 不响应任何点击事件	kEventModeBackground,			// 大多数node和layer是这种，本身不响应点击，但是会传递事件给子控件，如果没有子控件响应则穿透	kEventModePassDrag,				// 一些子node会有这个属性，将move事件传递给父node	kEventModeModel,				// 模态对话框};

 

CCNode* CCNode::getTouchedChildTarget(CCTouch* pTouch, uint eventType, bool includeIgnore)
{
    if (!pTouch) {
        return NULL;
    }

    bool ret = false;
    if (!m_pChildren || m_pChildren->count() == 0) {
        return NULL;
    }

    CCPoint touchLocation = pTouch->getLocation();
    for (int i = m_pChildren->count() - 1; i >= 0; --i) {
        CCNode* pNode = dynamic_cast<CCNode*>(m_pChildren->objectAtIndex(i));
        if (!pNode || !pNode->isVisible()) {
            continue;
        }

        if (pNode->testEventMode(kEventModeNone)) {
            continue;
        }

        if (!includeIgnore && pNode->testEventMode(kEventModeIgnoreEvent)) {
            continue;
        }

        CCNode* pChildNode = pNode->getTouchedChildTarget(pTouch, eventType);
        if (pChildNode) {
            return pChildNode;
        } else {
            CCSize size = pNode->getContentSize();
            if (size.width <= 0 || size.height <= 0) {
                continue;
            }

//          if (typeid(*this) == typeid(CCNode) || typeid(*this) == (CCSprite)) {
//          }

            CCPoint pt = pNode->convertToWorldSpace(CCPoint(0, 0));
            CCRect bBox(pt.x, pt.y, size.width, size.height);

            if (pNode->testEventMode(kEventModeModel) || bBox.containsPoint(touchLocation)) {
                if (!pNode->testEventMode(kEventModeBackground)) {
                    return pNode;
                }
            }
        }
    }

    return NULL;
}

bool CCNode::ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent)
{
    returntrue;
}

void CCNode::ccTouchMoved(CCTouch *pTouch, CCEvent *pEvent)
{
}

void CCNode::ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent)
{
}

void CCNode::ccTouchCancelled(CCTouch *pTouch, CCEvent *pEvent)
{
}

void CCNode::setEventMode(int mode)
{
    m_eventMode = (1 << mode);
}

int CCNode::testEventMode(int mode) const
{
    return(m_eventMode & (1 << mode)) != 0;
}

CCNode* CCNode::getTouchedChildTarget(CCTouch* pTouch, uint eventType, bool includeIgnore){	if (!pTouch) {		return NULL;	}	bool ret = false;	if (!m_pChildren || m_pChildren->count() == 0) {		return NULL;	}	CCPoint touchLocation = pTouch->getLocation();	for (int i = m_pChildren->count() - 1; i >= 0; --i) {		CCNode* pNode = dynamic_cast
    
     (m_pChildren->objectAtIndex(i));		if (!pNode || !pNode->isVisible()) {			continue;		}		if (pNode->testEventMode(kEventModeNone)) {			continue;		}		if (!includeIgnore && pNode->testEventMode(kEventModeIgnoreEvent)) {			continue;		}		CCNode* pChildNode = pNode->getTouchedChildTarget(pTouch, eventType);		if (pChildNode) {			return pChildNode;		} else {			CCSize size = pNode->getContentSize();			if (size.width <= 0 || size.height <= 0) {				continue;			}// 			if (typeid(*this) == typeid(CCNode) || typeid(*this) == (CCSprite)) {// 			}			CCPoint pt = pNode->convertToWorldSpace(CCPoint(0, 0));			CCRect bBox(pt.x, pt.y, size.width, size.height);			if (pNode->testEventMode(kEventModeModel) || bBox.containsPoint(touchLocation)) {				if (!pNode->testEventMode(kEventModeBackground)) {					return pNode;				}			}		}	}	return NULL;}bool CCNode::ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent){	return true;}void CCNode::ccTouchMoved(CCTouch *pTouch, CCEvent *pEvent){}void CCNode::ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent){}void CCNode::ccTouchCancelled(CCTouch *pTouch, CCEvent *pEvent){}void CCNode::setEventMode(int mode){	m_eventMode = (1 << mode);}int CCNode::testEventMode(int mode) const{	return(m_eventMode & (1 << mode)) != 0;}
    

 

 

void CCTouchDispatcher::touchesEnded(CCSet *touches, CCEvent *pEvent)
{
    if (!m_bDispatchEvents) {
        return;
    }

    CCTouch *pTouch;
    CCSetIterator setIter;
    for (setIter = touches->begin(); setIter != touches->end(); ++setIter)
    {
        pTouch = (CCTouch *)(*setIter);
        if (!pTouch) {
            continue;
        }

        if (m_pFocusNode) {
            m_pFocusNode->ccTouchEnded(pTouch, pEvent);
        }
    }

    setFocusNode(NULL);
}

void CCTouchDispatcher::touchesCancelled(CCSet *touches, CCEvent *pEvent)
{
    if (m_bDispatchEvents)
    {
        CCTouch *pTouch;
        CCSetIterator setIter;
        for (setIter = touches->begin(); setIter != touches->end(); ++setIter)
        {
            pTouch = (CCTouch *)(*setIter);
            if (!pTouch) {
                continue;
            }
            if (m_pFocusNode) {
                m_pFocusNode->ccTouchCancelled(pTouch, pEvent);
            } elseif (m_pSceneRootNode) {
                m_pSceneRootNode->ccTouchCancelled(pTouch, pEvent);
            }
        }
    }

    setFocusNode(NULL);
}




void CCTouchDispatcher::setFocusNode(CCNode* node)
{
    m_pFocusNode = node;
}

CCNode* CCTouchDispatcher::getFocusNode() const
{
    return m_pFocusNode;
}


void CCTouchDispatcher::setUIRootNode(CCNode* node)
{
    if (!node) {
        return;
    }
    m_pUIRootNode = node;
}

void CCTouchDispatcher::setSceneNode(CCNode* node)
{
    if (!node) {
        return;
    }

    m_pSceneRootNode = node;
}

void CCTouchDispatcher::touchesEnded(CCSet *touches, CCEvent *pEvent){    if (!m_bDispatchEvents) {		return;	}	CCTouch *pTouch;	CCSetIterator setIter;	for (setIter = touches->begin(); setIter != touches->end(); ++setIter)	{		pTouch = (CCTouch *)(*setIter);		if (!pTouch) {			continue;		}		if (m_pFocusNode) {			m_pFocusNode->ccTouchEnded(pTouch, pEvent);		}	}	setFocusNode(NULL);}void CCTouchDispatcher::touchesCancelled(CCSet *touches, CCEvent *pEvent){    if (m_bDispatchEvents)    {		CCTouch *pTouch;		CCSetIterator setIter;		for (setIter = touches->begin(); setIter != touches->end(); ++setIter)		{			pTouch = (CCTouch *)(*setIter);			if (!pTouch) {				continue;			}			if (m_pFocusNode) {				m_pFocusNode->ccTouchCancelled(pTouch, pEvent);			} else if (m_pSceneRootNode) {				m_pSceneRootNode->ccTouchCancelled(pTouch, pEvent);			}		}    }	setFocusNode(NULL);}void CCTouchDispatcher::setFocusNode(CCNode* node){	m_pFocusNode = node;}CCNode* CCTouchDispatcher::getFocusNode() const{	return m_pFocusNode;}void CCTouchDispatcher::setUIRootNode(CCNode* node){	if (!node) {		return;	}	m_pUIRootNode = node;}void CCTouchDispatcher::setSceneNode(CCNode* node){	if (!node) {		return;	}	m_pSceneRootNode = node;}

 

void CCControl::sendActionsForControlEvents(CCControlEvent controlEvents)
{
    retain();
    // For each control events
    for (int i = 0; i < kControlEventTotalNumber; i++)
    {
        // If the given controlEvents bitmask contains the curent event
        if ((controlEvents & (1 << i)))
        {
            // Call invocations
            // <CCInvocation*>
            CCArray* invocationList = this->dispatchListforControlEvent(1<<i);
            CCObject* pObj = NULL;
            CCARRAY_FOREACH(invocationList, pObj)
            {
                CCInvocation* invocation = (CCInvocation*)pObj;
                invocation->invoke(this);
            }
        }
    }
    release();
}

void CCControl::sendActionsForControlEvents(CCControlEvent controlEvents){	retain();    // For each control events    for (int i = 0; i < kControlEventTotalNumber; i++)    {        // If the given controlEvents bitmask contains the curent event        if ((controlEvents & (1 << i)))        {            // Call invocations            // 
    
                 CCArray* invocationList = this->dispatchListforControlEvent(1<
     
      invoke(this);            }        }    }	release();}
     
    

 

思路和简单的说明：

1、在每个场景设置一个UIRoot，来进行统一的事件分发。 事件分发是由父节点传递给子节点，这样的层次结构。如果父节点是隐藏的或者不可点击的，那么子节点也不会接收到点击事件。 

2、通过一个EventMode的属性来标志当前节点是否可以点击。比如大多数CCNode和CCLayer就是Background属性，这个属性的节点本身是不可点击的，但是它会把点击事件分派给他的子节点。如果子节点都没有响应，那么就传递给下一个界面节点。   而大多数控件都是Normal属性，它可以正常响应点击事件

3、查找到一个合适目标的节点，然后给这个目标节点发送点击事件，而不是遍历当前节点，响应点击事件，根据其返回值决定是否继续分发。   这样做的目的是防止响应事件的时候销毁当前窗体，造成一些恶心的内存问题（在遍历过程中修改容器的元素代码怎么写都不会非常的安全和稳定，还是采用现在的做法保险点）。

4、原本事件处理有个陷阱，那就是CCTouchDispatcher的Handler集合会给控件引用计数+1，所以事件分发的时候可以安心的remove掉，因为控件本身不会被delete。但是取消掉这个机制后，就要小心和多测试下。比如CCControl的事件分发代码就需要先retain然后release来防止响应事件时销毁控件造成崩溃。

5、事件处理是万里长征第一步，这一步完成后，再添加  1、xml配置自动创建界面的功能。（这个完成后就像模像样了）  2、添加一个模式可以在游戏中拖动ui控件的位置大小并且保存（游戏就是ui编辑器了）   3、一套lua和代码结合的方式，把大多数ui逻辑移动到lua（一切都是为了提高开发效率，所有代码都用lua写并不是一个好主意，但是部分体力活的代码挪到脚本里面确实会清爽不少）