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

 

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

  1. bool HelloWorld::init()
  2. {
  3. if( !Layer::init() )
  4. {
  5. returnfalse;
  6. }
  7. ......
  8. setTouchEnabled(true);
  9. //设置为单点触摸
  10. setTouchMode(Touch::DispatchMode::ONE_BY_ONE);
  11. returntrue;
  12. }
  13. bool HelloWorld::onTouchBegan(Touch*touch, Event* event)                                                     ①
  14. {
  15. log("onTouchBegan");
  16. //通过tag(标签)获得BoxA精灵
  17. autoboxA = this->getChildByTag(kBoxA_Tag);                                                                           ②
  18. //如果BoxA精灵被点击
  19. if(this->isTap(boxA, touch))                                                                                                            ③
  20. {
  21. log("BoxAsprite Tap");
  22. boxA->runAction(ScaleBy::create(0.06,1.06));                                                                         ④
  23. returntrue;                                                                                                                                     ⑤
  24. }
  25. //通过tag(标签)获得BoxB精灵
  26. autoboxB = this->getChildByTag(kBoxB_Tag);                                                                   ⑥
  27. //如果BoxB精灵被点击
  28. if(this->isTap(boxB, touch))
  29. {
  30. log("BoxBsprite Tap");
  31. boxB->runAction(ScaleBy::create(0.06,1.06));
  32. returntrue;
  33. }                                                                                                                                                 ⑦
  34. returnfalse;
  35. }
  36. void HelloWorld::onTouchMoved(Touch*touch, Event *event)                                                     ⑧
  37. {
  38. log("onTouchMoved");
  39. //通过tag(标签)获得BoxA精灵
  40. autoboxA = this->getChildByTag(kBoxA_Tag);
  41. //如果BoxA精灵被点击
  42. if(this->isTap(boxA, touch))
  43. {
  44. log("BoxAsprite Tap");
  45. //移动当前按钮精灵的坐标位置
  46. boxA->setPosition(boxA->getPosition()+ touch->getDelta());
  47. return;
  48. }
  49. //通过tag(标签)获得BoxB精灵
  50. autoboxB = this->getChildByTag(kBoxB_Tag);
  51. //如果BoxB精灵被点击
  52. if(this->isTap(boxB, touch))
  53. {
  54. log("BoxBsprite Tap");
  55. //移动当前按钮精灵的坐标位置
  56. boxB->setPosition(boxB->getPosition()+ touch->getDelta());
  57. return;
  58. }
  59. }
  60. void HelloWorld::onTouchEnded(Touch*touch, Event *event)                                                      ⑨
  61. {
  62. log("onTouchEnded");
  63. //通过tag(标签)获得BoxA精灵
  64. autoboxA = this->getChildByTag(kBoxA_Tag);
  65. //如果BoxA精灵被点击
  66. if(this->isTap(boxA, touch))
  67. {
  68. log("BoxAsprite Tap");
  69. boxA->runAction(ScaleTo::create(0.06,1.0));
  70. return;
  71. }
  72. //通过tag(标签)获得BoxB精灵
  73. autoboxB = this->getChildByTag(kBoxB_Tag);
  74. //如果BoxB精灵被点击
  75. if(this->isTap(boxB, touch))
  76. {
  77. log("BoxBsprite Tap");
  78. boxB->runAction(ScaleTo::create(0.06,1.0));
  79. return;
  80. }
  81. }
  82. bool HelloWorld::isTap(Node* node,Touch* touch)                                                                    ⑩
  83. {
  84. //获取触摸点相对Node位置坐标
  85. PointlocationInNode = node->convertToNodeSpace(touch->getLocation());                         ⑪
  86. Sizes = node->getContentSize();                                                                                                    ⑫
  87. Rectrect = Rect(0, 0, s.width, s.height);                                                                                         ⑬
  88. //点击范围判断检测
  89. if(rect.containsPoint(locationInNode))                                                                                         ⑭
  90. {
  91. returntrue;
  92. }
  93. returnfalse;
  94. }

上述代码第①、⑧、⑨行分别定义了三个触摸事件函数,函数的参数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系列图书《Cocos2d-x实战(卷Ⅰ):C++开发》
本书交流讨论网站:http://www.cocoagame.net
欢迎加入cocos2d-x技术讨论群:257760386、327403678

Cocos2d-x开发实例:单点触摸事件的更多相关文章

  1. Cocos2d-x实例:单点触摸事件

    addChild(boxC,30, kBoxC_Tag);                                                                        ...

  2. Cocos2d-x示例:单点触摸事件

    为了让大家掌握Cocos2d-x中的事件机制,以下我们以触摸事件为例.使用事件触发器实现单点触摸事件.该实比如图8-3所看到的,场景中有三个方块精灵,显示顺序如图8-3所看到的,拖拽它们能够移动它们. ...

  3. registerWithTouchDispatcher 注册单点触摸事件

    Doc: If isTouchEnabled, this method is called onEnter. Override it to change the way CCLayer receive ...

  4. iOS开发系列之触摸事件

    基础知识 三类事件中触摸事件在iOS中是最常用的事件,这里我们首先介绍触摸事件. 在下面的例子中定义一个KCImage,它继承于UIView,在KCImage中指定一个图片作为背景.定义一个视图控制器 ...

  5. android开发之单点触摸

    相对于多点触摸,单点触摸还是很简单的. 新建一个工程,先看看布局文件: <RelativeLayout xmlns:android="http://schemas.android.co ...

  6. Cocos2d-x 3.X手游开发实例详解

    Cocos2d-x 3.X手游开发实例详解(最新最简Cocos2d-x手机游戏开发学习方法,以热门游戏2048.卡牌为例,完整再现手游的开发过程,实例丰富,代码完备,Cocos2d-x作者之一林顺和泰 ...

  7. Cocos2d-x中触摸事件

    理解一个触摸事件可以从时间和空间两方面考虑. 1.触摸事件的时间方面 触摸事件的在时间方面,如下图所示,可以有不同的“按下”.“移动”和“抬起”等阶段,表示触摸是否刚刚开始.是否正在移动或处于静止状态 ...

  8. 移动端-js触摸事件

    开发者工具 在移动开发中,一种较为容易的做法是,先在桌面上开始原型设计,然后再在打算要支持的设备上处理移动特有的部分.多点触摸正是难以在PC上进行测试的那些功能之一,因为大部分的PC都没有触摸输入. ...

  9. javascript触摸事件touch使用

    详细内容请点击 Apple在iOS 2.0中引入了触摸事件API,Android正迎头赶上这一事实标准,缩小差距.最近一个W3C工作组正合力制定这一触摸事件规范.        在本文深入研究iOS和 ...

随机推荐

  1. Ubuntu 12.04 中安装和配置 Java JDK

    先去 Oracle下载Linux下的JDK压缩包,我下载的是jdk-7u4-linux-i586.tar.gz文件,下好后直接解压 sudo mv ./jdk1.7.0_55 /usr/lib/jdk ...

  2. java对象转JSON JS取JSON数据

    JsonConfig config = new JsonConfig(); config.setJsonPropertyFilter(new PropertyFilter() { @Override ...

  3. C# Process 类的思考

    在这里,我先给自己留个印象 下面我们用C#实现一个调用Dos命令的小程序,让大家对系统进程能有个直观的了解.要使用Process类,首先要引入System.Diagnostic命名空间,然后定义一个新 ...

  4. C#用天气预报的WebServices

    后台代码: protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { WeatherWS ws = new W ...

  5. hdu1428漫步校园( 最短路+BFS(优先队列)+记忆化搜索(DFS))

    Problem Description LL最近沉迷于AC不能自拔,每天寝室.机房两点一线.由于长时间坐在电脑边,缺乏运动.他决定充分利用每次从寝室到机房的时间,在校园里散散步.整个HDU校园呈方形布 ...

  6. [Ext JS 4] 实战之 带week(星期)的日期选择控件(三)

    前言 在 [Ext JS 4] 实战之 带week(星期)的日期选择控件(二) 的最后,有提到一个解决方案. 不过这方案有一个条件  ==> “2. 每年的周数从(1-52), 如果超过52 周 ...

  7. [ES6] 18. Map

    ES6 provides Map, it is a set of k-v pair. Key can be number, string, object, function and even unde ...

  8. Android 进阶学习:事件分发机制全然解析,带你从源代码的角度彻底理解(上)

    http://blog.csdn.net/guolin_blog/article/details/9097463 事实上我一直准备写一篇关于Android事件分发机制的文章,从我的第一篇博客開始,就零 ...

  9. oc-06-无参方法的调用

    // 12-[掌握]无参方法声明实现及调用 #import <Foundation/Foundation.h> //类的声明 @interface Person : NSObject { ...

  10. Linux解压/压缩命令——tar、gz、tar.gz、tgz、bz2、tar.bz2、Z、zip、rar、lha

    .tar 解包:tar -xvf FileName.tar 打包:tar -cvf FileName.tar DirName ——————————————— .gz 解压1:gunzip FileNa ...