Cocos2d-x处理Touch触摸事件Demo

请参考《Ubuntu18.04搭建Cocos2d开发环境》搭建项目

默认情况下，Cocos2d-x会将鼠标左点击当作触摸。

第一步:在/home/kyun/Desktop/Games/MyGame/CMakeLists.txt文件添加TouchScene.h和TouchScene.cpp：

# add cross-platforms source files and header files
list(APPEND GAME_SOURCEClasses/AppDelegate.cppClasses/TouchScene.cpp)
list(APPEND GAME_HEADERClasses/AppDelegate.hClasses/TouchScene.h)

第二步:编写TouchScene.h和TouchScene.cpp

TouchScene.h:


#include "cocos2d.h"class TouchScene : public cocos2d::Layer {public:static cocos2d::Scene* createScene();virtual  bool init();//Touch事件回调方法virtual bool onTouchBegan(cocos2d::Touch*,cocos2d::Event*);virtual void onTouchEnded(cocos2d::Touch*,cocos2d::Event*);virtual void onTouchMoved(cocos2d::Touch*,cocos2d::Event*);virtual void onTouchCancelled(cocos2d::Touch*,cocos2d::Event*);CREATE_FUNC(TouchScene);
private:cocos2d::Label* labelTouchInfo;};

TouchScene.cpp:

//
// Created by kyun on 20-3-12.
//#include "TouchScene.h"USING_NS_CC;Scene* TouchScene::createScene() {auto scene = Scene::create();auto layer = TouchScene::create();scene->addChild(layer);return scene;
}bool TouchScene::init() {if(!Layer::init()){return false;}// Label标签labelTouchInfo = Label::createWithSystemFont("Touch or clicksomewhere to begin","Arial",30);labelTouchInfo->setPosition(Vec2(Director::getInstance()->getVisibleSize().width/2,Director::getInstance()->getVisibleSize().height/2));// 创建EventListenerTouchOneByOne类型的事件监听器auto touchListener = EventListenerTouchOneByOne::create();// 将处理函数绑定到事件监听器上touchListener->onTouchBegan = CC_CALLBACK_2(TouchScene::onTouchBegan,this);touchListener->onTouchEnded = CC_CALLBACK_2(TouchScene::onTouchEnded,this);touchListener->onTouchMoved = CC_CALLBACK_2(TouchScene::onTouchMoved,this);touchListener->onTouchCancelled = CC_CALLBACK_2(TouchScene::onTouchCancelled,this);// 将事件监听器注册到节点的_eventDispatcher上_eventDispatcher->addEventListenerWithSceneGraphPriority(touchListener,this);this->addChild(labelTouchInfo);return true;
}bool TouchScene::onTouchBegan(cocos2d::Touch * touch, cocos2d::Event * event) {labelTouchInfo->setPosition(touch->getLocation());labelTouchInfo->setString("You touched here");return true;}void TouchScene::onTouchEnded(cocos2d::Touch * touch, cocos2d::Event * event) {cocos2d::log("touch ended");
}void TouchScene::onTouchMoved(cocos2d::Touch *touch, cocos2d::Event * event) {cocos2d::log("touch moved");
}void TouchScene::onTouchCancelled(cocos2d::Touch *touch, cocos2d::Event *event) {cocos2d::log("touch cancelled");
}

第三步:修改AppDelegate.cpp

#include "TouchScene.h"
...
bool AppDelegate::applicationDidFinishLaunching() {...// create a scene. it's an autorelease objectauto scene = TouchScene::createScene();// rundirector->runWithScene(scene);return true;
}

最后，运行就可以了。

分析TouchScene中的用到的方法

关于EventListenerTouchOneByOne事件监听器处理函数的定义

class CC_DLL EventListenerTouchOneByOne : public EventListener
{   public:typedef std::function<bool(Touch*, Event*)> ccTouchBeganCallback;typedef std::function<void(Touch*, Event*)> ccTouchCallback;ccTouchBeganCallback onTouchBegan;ccTouchCallback onTouchMoved;ccTouchCallback onTouchEnded;ccTouchCallback onTouchCancelled;
...};

我们根据此来定义我们的函数，上面规定了处理函数的返回值和形参顺序。其实我们也可以使用Lambda表达式来定义处理函数，如：

touchListener->onTouchBegan = [](Touch* touch,Event* event)->bool{// todo
}

完整的例子，我们修改init方法，让其使用lambda表达式来定义处理函数：

//
// Created by kyun on 20-3-12.
//#include "TouchScene.h"USING_NS_CC;Scene* TouchScene::createScene() {auto scene = Scene::create();auto layer = TouchScene::create();scene->addChild(layer);return scene;
}bool TouchScene::init() {if(!Layer::init()){return false;}auto sprite = Sprite::create("logo2.png");sprite->setAnchorPoint(Vec2(0.5,0.5));auto visibleSize = Director::getInstance()->getVisibleSize();Vec2 origin = Director::getInstance()->getVisibleOrigin();sprite->setPosition(Vec2(visibleSize.width/2+origin.x,visibleSize.height/2+origin.y));auto touchListener = EventListenerTouchOneByOne::create();touchListener->onTouchBegan = [](Touch* touch,Event* event)->bool{auto bounds = event->getCurrentTarget()->getBoundingBox();if(bounds.containsPoint(touch->getLocation())){std::stringstream touchDetails;touchDetails <<"Touched at OpenGL coordinates:" <<touch->getLocation().x << "," << touch->getLocation().y << std::endl<<"Touched at UI coordinate:"<<touch->getLocationInView().x << "," << touch->getLocationInView().y << std::endl <<"Touched at local coordinate:" <<event->getCurrentTarget()->convertToNodeSpace(touch->getLocation()).x << "," <<event->getCurrentTarget()->convertToNodeSpace(touch->getLocation()).y << std::endl<<"Touch moved by:" << touch->getDelta().x << "," << touch->getDelta().y;ccMessageBox(touchDetails.str().c_str(),"Touched");}return true;};// Add a "touch" event listener to our spriteDirector::getInstance()->getEventDispatcher()->addEventListenerWithSceneGraphPriority(touchListener,sprite);this->addChild(sprite,0);this->addChild(labelTouchInfo);return true;
}

上面的效果就是点sprite后会弹出一个对话框。

ccMessageBox()弹窗
touch->getLocationInView()返回在屏幕坐标系（原点在屏幕左上角）中的位置
touch->getLocation()返回在OpenGL坐标系（原点在屏幕左下角）中的位置

谢谢阅读

Cocos2d-x处理Touch触摸事件Demo相关推荐

touch触摸事件以及常用触摸功能
文章目录前言一.触摸事件二. 事件对象 event 三. 功能案例 1. 检测滑动方向 2. 实现元素拖拽 3. 实现元素旋转总结前言为了给基于触摸的用户界面提供高质量的支持,触摸事件提供 ...
HTML5滑动(swipe)事件,移动端触摸（touch）事件
目有个交互需要实现手指滑动的交互,pc端使用mousedown,mousemove,mouseup监听实现. 但在ios设备上mousemove是不好监听的,同类的方法是touchstart,touc ...
iOS实现ScrollView中子控件(Button,自定义View)的触摸事件响应
最近要做个信息登记界面,在scrollView中添加了多个button和一个自定义的view(画板)来实现签名效果,画板中实现了touchBegin,touchMove等触摸事件方法.为了使butto ...
为了讲清楚Android触摸事件，我“拆了部手机”
Android 是一个有用户界面(GUI)的操作系统,在它诞生之初,就是为带有触摸屏的手持设备准备的.作为提供给用户最重要的交互方式之一,了解触摸系统是怎么工作的,对于实际的项目开发有着非常大的帮助. ...
cocos2d ccLayer响应触摸事件方法：CCStandardTouchDelegate 与 CCTargetedTouchDelegate
cocos2d ccLayer响应触摸事件方法:CCStandardTouchDelegate 与 CCTargetedTouchDelegate 以下内容转载自:http://blog.sin ...
WP7开发—Silverlight多点触摸事件详解【含Demo代码】
最近在学习WP7的Silverlight编程,就把学习到知识点整理为日志,方便自己理解深刻点,也作为笔记和备忘,如有不合理或者错误之处,还恳请指正. WP7的支持多点触摸,有两种不同的编程模式: 1. ...
Cocos-2d 关于SwallowTouch,进一步解释触摸事件分发机制
问题情境模拟一个类似游戏提示信息的层: 1.游戏主场景可触摸,可交互: 2.当提示显示提示信息时,只有提示信息这一层可触摸同用户交互,其背景则不能继续响应触摸事件 3.当提示信息层从主场景中移除之后 ...
iOS UITouch触摸与UIGesture手势.01.事件、触摸（touch）事件
一.iOS事件: 1.事件:事件就是当你在手机上点击手机屏幕.滑动手机翻面.摇动手机的时候,手机做出一些反应,对应的在应用程序里实现了某些代码的某些功能,完成这个过程就是一个事件. 2.iOS事件类型 ...
移动端事件--touch事件的分类、touch事件的event对象、其他触摸事件
一.touch事件的分类 1.1 触摸事件(touch) .box {width: 150px;height: 150px;background-color: red;margin: 20px aut ...