CCNode扩展，适应MMO的复杂UI逻辑

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,                // 模态对话框  
    };  

    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)  
    {  
        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);  
                } 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();  
    }  

思路和简单的说明：

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写并不是一个好主意，但是部分体力活的代码挪到脚本里面确实会清爽不少）

原文地址：http://blog.csdn.net/langresser_king/article/details/8659062