Cocos2d-x开发实例：单点触摸事件

下面我们通过一个实例详细了解一下层中单点触摸事件的实现过程。感受一下它的缺点和优点。该实例场景如下图所示场景中有两个方块精灵我们可以点击和移动它们。

下面我们看看HelloWorldScene.cpp具体的实现代码如下

bool HelloWorld::init()
{
    if( !Layer::init() )
    {
         returnfalse;
    }
    ......
    setTouchEnabled(true);   
    //设置为单点触摸
    setTouchMode(Touch::DispatchMode::ONE_BY_ONE);                                                             
   
    returntrue;
}
 
bool HelloWorld::onTouchBegan(Touch*touch, Event* event)                                                     ①
{
    log("onTouchBegan");
    //通过tag标签获得BoxA精灵
    autoboxA = this->getChildByTag(kBoxA_Tag);                                                                           ②
    //如果BoxA精灵被点击
    if(this->isTap(boxA, touch))                                                                                                            ③
    {
         log("BoxAsprite Tap");
         boxA->runAction(ScaleBy::create(0.06,1.06));                                                                         ④
         returntrue;                                                                                                                                     ⑤
    }
    //通过tag标签获得BoxB精灵
    autoboxB = this->getChildByTag(kBoxB_Tag);                                                                   ⑥
    //如果BoxB精灵被点击
    if(this->isTap(boxB, touch))
    {
         log("BoxBsprite Tap");
         boxB->runAction(ScaleBy::create(0.06,1.06));
         returntrue;
    }                                                                                                                                                 ⑦
    returnfalse;
}
 
void HelloWorld::onTouchMoved(Touch*touch, Event *event)                                                     ⑧
{
    log("onTouchMoved");
    //通过tag标签获得BoxA精灵
    autoboxA = this->getChildByTag(kBoxA_Tag);
    //如果BoxA精灵被点击
    if(this->isTap(boxA, touch))
    {
         log("BoxAsprite Tap");
         //移动当前按钮精灵的坐标位置
         boxA->setPosition(boxA->getPosition()+ touch->getDelta());
         return;
    }
    //通过tag标签获得BoxB精灵
    autoboxB = this->getChildByTag(kBoxB_Tag);
    //如果BoxB精灵被点击
    if(this->isTap(boxB, touch))
    {
         log("BoxBsprite Tap");
         //移动当前按钮精灵的坐标位置
         boxB->setPosition(boxB->getPosition()+ touch->getDelta());
         return;
    }
}
 
void HelloWorld::onTouchEnded(Touch*touch, Event *event)                                                      ⑨
{
    log("onTouchEnded");    
    //通过tag标签获得BoxA精灵
    autoboxA = this->getChildByTag(kBoxA_Tag);
    //如果BoxA精灵被点击
    if(this->isTap(boxA, touch))
    {
         log("BoxAsprite Tap");
         boxA->runAction(ScaleTo::create(0.06,1.0));
         return;
    }
    //通过tag标签获得BoxB精灵
    autoboxB = this->getChildByTag(kBoxB_Tag);
    //如果BoxB精灵被点击
    if(this->isTap(boxB, touch))
    {
         log("BoxBsprite Tap");
         boxB->runAction(ScaleTo::create(0.06,1.0));
         return;
    }
}
 
bool HelloWorld::isTap(Node* node,Touch* touch)                                                                    ⑩
{
    //获取触摸点相对Node位置坐标
    PointlocationInNode = node->convertToNodeSpace(touch->getLocation());                         ⑪
    Sizes = node->getContentSize();                                                                                                    ⑫
    Rectrect = Rect(0, 0, s.width, s.height);                                                                                         ⑬
 
    //点击范围判断检测
    if(rect.containsPoint(locationInNode))                                                                                         ⑭
    {
         returntrue;
    }
    returnfalse;
}

上述代码第①、⑧、⑨行分别定义了三个触摸事件函数函数的参数touch是在层中的触摸点event是触摸事件我们不能使用8.1.3一节的auto target = static_cast<Sprite*>(event->getCurrentTarget())语句获得要点击的精灵事实上event->getCurrentTarget()函数获得的是事件源这里的事件源是当前的层而不是精灵对象。那么我们如何判断是否点击了哪个精灵呢我的办法是每一个精灵逐一判断。所以我们在第②~⑤行代码判断精灵BoxA是否被点击在第⑥~⑦行代码判断精灵BoxB是否被点击。

代码第③行用到了isTap函数我们在第⑩行定义了该函数它是用来判断触摸点是否在精灵内这个判断主要是通过Rect的containsPoint函数判断的。函数中第⑪行代码获取触摸点相对精灵对象本地坐标。第⑫行代码是获得精灵对象的尺寸。第⑬行代码是通过精灵对象的尺寸创建Rect变量。第⑭行代码rect.containsPoint(locationInNode)是判断是否触摸点在精灵对象范围。

更多内容请关注最新Cocos图书《Cocos2d-x实战 C++卷》‍

本书交流讨论网站https://www.cocoagame.net

更多精彩视频课程请关注智捷课堂Cocos课程https://v.51work6.com

欢迎加入Cocos2d-x技术讨论群257760386

‍

《Cocos2d-x实战 C++卷》现已上线各大商店均已开售‍

京东https://item.jd.com/11584534.html

亚马逊https://www.amazon.cn/Cocos2d-x%E5%AE%9E%E6%88%98-C-%E5%8D%B7-%E5%85%B3%E4%B8%9C%E5%8D%87/dp/B00PTYWTLU

当当https://product.dangdang.com/23606265.html

互动出版网https://product.china-pub.com/3770734‍

《Cocos2d-x实战 C++卷》源码及样章下载地址

源码下载地址https://51work6.com/forum.php?mod=viewthread&tid=1155&extra=page%3D1