[置顶] cocos2d-x3.6 连连看点击事件

我的博客：http://blog.csdn.net/dawn_moon

上一篇讲了初始化棋盘，这一篇来讲如何来触发点击事件。

注意，所有的这些函数都没有放在update（）里面。因为update（）如果启用的话，它没每隔0.1s调用一次，如果界面绘制放在update（）里面的话，会被重复绘制，没有必要。

棋盘绘制直接在init（）函数里面，调用一次就可以了。然后我们要写点击事件，点击一个图标，放大，然后点击另一图标，判断是否连通。

我们要处理点击事件就要实现几个函数。3.x的版本重新设计了事件派发机制，所以学过2.x的同学可以完全不用再理会原来的机制，3.x的事件派发更强大更方便。

这里只讲单点触控，需要重写如下函数：

//单点触摸 
virtual bool onTouchBegan(Touch *touch, Event *unused_event);   
virtual void onTouchMoved(Touch *touch, Event *unused_event);   
virtual void onTouchEnded(Touch *touch, Event *unused_event);   
virtual void onTouchCancelled(Touch *touch, Event *unused_event);

onTouchBegan

• 如果返回true：本层的后续Touch事件可以被触发，并阻挡向后层传递

• 如果返回false，本层的后续Touch事件不能被触发，并向后传递，也就是不会调用。

onTouchMoved

简单点来说，如果：

Layer 只有一层的情况：

virtual bool onTouchBegan(CCTouch *pTouch, CCEvent *pEvent);

• 返回false，则ccTouchMoved(),ccTouchEnded()不会再接收到消息
• 返回true，则ccTouchMoved(),ccTouchEnded()可以接收到消息

Layer 有多层的情况：

virtual bool onTouchBegan(CCTouch *pTouch, CCEvent *pEvent);

• 返回false，则本层的onTouchMoved(),onTouchEnded()不会再接收到消息，但是本层之下的其它层会接收到消息
• 返回true，则本层的onTouchMoved(),onTouchEnded()可以接收到消息，但是本层之下的其它层不能再接收到消息。

在Layer中的用法：

auto dispatcher = Director::getInstance()->getEventDispatcher();  
auto listener = EventListenerTouchOneByOne::create();  
listener->onTouchBegan = CC_CALLBACK_2(GameLayer::onTouchBegan,this);  
listener->onTouchMoved = CC_CALLBACK_2(GameLayer::onTouchMoved,this);  
listener->onTouchEnded = CC_CALLBACK_2(GameLayer::onTouchEnded,this);  
listener->setSwallowTouches(true);//吐掉此事件，不向下传递触摸 
dispatcher->addEventListenerWithSceneGraphPriority(listener,this);

看一下我们怎么实现：

bool GameScene::onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *event)
{
    auto point = touch->getLocation();
    CCLOG("Location point x=%f, y=%f", point.x, point.y);
    return true;
}

void GameScene::onTouchMoved(cocos2d::Touch *touch, cocos2d::Event *event)
{

}

void GameScene::onTouchCancelled(cocos2d::Touch *touch, cocos2d::Event *event)
{

}

前面这几个函数都是空的，onTouchBegan直接返回true就好了，关键在最后一个函数：

void GameScene::onTouchEnded(cocos2d::Touch *touch, cocos2d::Event *event)
{
    float x = touch->getLocation().x;

    float y = touch->getLocation().y;

    // 屏幕坐标转换为地图坐标
    auto point = screentoIndex(x, y);

    CCLOG("touch poin index x:%d, y:%d" , (int)point.x, (int)point.y);

    // 判断连通与否
    if (mMap[(int)point.x][(int)point.y] > 0) {
        if (mSelected.size() == 1) {
            CCLOG("compare point x:%d, y:%d" , (int)point.x, (int)point.y);
            if (link(mSelected.front(), point)) {
                CCLOG("path point count :%d", (int)mPath.size());
                mSelected.push_back(point);
                drawLine();
            }else{
                mPre = (Vec2)mSelected.front();
                mSelected.clear();
                mSelected.push_back(point);
            }
        }else{
            CCLOG("add a select point");
            mSelected.push_back(point);
        }
    }


    // 前一次点击的点
    if (!mPre.equals(Vec2::ZERO)) {
        int x = (int)mPre.x;
        int y = (int)mPre.y;
        int tag =  (yCount - 2) * ( x - 1 ) + y;
        auto slectedIcon = getChildByTag(tag);

        // 恢复原大小
        slectedIcon->setScale(1.0);
        // 恢复原Z序
        slectedIcon->setLocalZOrder(100);
    }



    // 绘制选择图标，选中时变大
    for ( Vec2 position: mSelected ) {
        int x = (int)position.x;

        int y = (int)position.y;

        int tag = (yCount - 2) * ( x - 1 ) + y;

        auto slectedIcon = getChildByTag(tag);

        // 放大1.2倍
        slectedIcon->setScale(1.2);

        // Z序提前，放在所有精灵前面
        slectedIcon->setLocalZOrder(101);
    }
}

这个函数就是点击时间结束的时候我们做的逻辑处理。
1. 将屏幕坐标转换为地图坐标，从而识别是哪个图标
2. 如果是第一次点击，放大该图标，如果是第二次点击，判断是否连通。
3. 所有连通的点放到一个容器里面，用来画线。
4. 如果有连通的，清楚精灵，清楚连通的点。

后面继续讲解连通算法实现。