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"); //移动当前button精灵的坐标位置 boxA->setPosition(boxA->getPosition()+ touch->getDelta()); return; } //通过tag(标签)获得BoxB精灵 autoboxB = this->getChildByTag(kBoxB_Tag); //假设BoxB精灵被点击 if(this->isTap(boxB, touch)) { log("BoxBsprite Tap"); //移动当前button精灵的坐标位置 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)是推断是否触摸点在精灵对象范围。
《Cocos2d-x实战 C++卷》现已上线,各大商店均已开售:
京东:http://item.jd.com/11584534.html
当当:http://product.dangdang.com/23606265.html
互动出版网:http://product.china-pub.com/3770734
《Cocos2d-x实战 C++卷》源代码及样章下载地址:
源代码下载地址:http://51work6.com/forum.php?mod=viewthread&tid=1155&extra=page%3D1
样章下载地址:http://51work6.com/forum.php?mod=viewthread&tid=1157&extra=page%3D1