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

为了让大家掌握Cocos2d-x中的事件机制下面我们以触摸事件为例使用事件触发器实现单点触摸事件。该实例如图8-3所示场景中有三个方块精灵显示顺序如图8-3所示拖拽它们可以移动它们事件响应优先级是按照它们的显示顺序。

下面我们再看看具体的程序代码首先看一下HelloWorldScene.h文件它的代码如下

#ifndef __HELLOWORLD_SCENE_H__
#define __HELLOWORLD_SCENE_H__

#include "cocos2d.h"
typedef enum                                                                                                                                         ①
{
    kBoxA_Tag = 102
   ,kBoxB_Tag
   ,kBoxC_Tag
} SpriteTags;                                                                                                                                 ②

class HelloWorld : public cocos2d::Layer
{
public:
   static cocos2d::Scene* createScene();
   virtual bool init();
    virtualvoid onEnter();                                                                                                                      ③
    virtualvoid onExit();                                                                                                                         ④

    booltouchBegan(cocos2d::Touch* touch, cocos2d::Event* event);                                          ⑤
   void touchMoved(cocos2d::Touch *touch, cocos2d::Event *event);                                       ⑥
   void touchEnded(cocos2d::Touch *touch, cocos2d::Event *event);                                       ⑦

   CREATE_FUNC(HelloWorld);
};

#endif // __HELLOWORLD_SCENE_H__

上述代码第①~②行是定义个枚举类型SpriteTags枚举类型SpriteTags中定义了三个常量这三个常量对应场景中的三个精灵的标签Tag属性。代码第③行声明了层声明周期的onEnter()函数我们将在该函数中注册监听器和初始化设置。第④行代码是声明了层声明周期的onExit()函数我们将在该函数中注销监听器和释放一些资源。代码第⑤~⑥行是声明单点触摸事件回调函数。

HelloWorldScene的实现代码HelloWorldScene.ccp文件它的HelloWorld::init()代码如下

bool HelloWorld::init()
{
    if( !Layer::init() )
    {
         returnfalse;
    }

    SizevisibleSize = Director::getInstance()->getVisibleSize();
    Pointorigin = Director::getInstance()->getVisibleOrigin();

    //贴图的纹理图片宽高必须是2的n次幂128x128
    autobg = Sprite::create("BackgroundTile.png",
                                Rect(0,0, visibleSize.width, visibleSize.height));                                               ①
    //贴图的纹理参数水平重复平铺垂直重复平铺
    Texture2D::TexParamstp = {GL_LINEAR, GL_LINEAR, GL_REPEAT, GL_REPEAT};                 ②
    bg->getTexture()->setTexParameters(tp);                                                                             ③
    bg->setPosition(origin+ Point(visibleSize.width/2, visibleSize.height/2));
    addChild(bg,0);                                                                                                                                ④

    Sprite*boxA = Sprite::create("BoxA2.png");                                                                                   ⑤
    boxA->setPosition(origin+Point(visibleSize.width/2,visibleSize.height/2) + Point(-120, 120));
    addChild(boxA,10, kBoxA_Tag);

    Sprite*boxB = Sprite::create("BoxB2.png");
    boxB->setPosition(origin+Point(visibleSize.width/2,visibleSize.height/2));
    addChild(boxB,20, kBoxB_Tag);

    Sprite*boxC = Sprite::create("BoxC2.png");
    boxC->setPosition(origin+Point(visibleSize.width/2,visibleSize.height/2) + Point(120, 160));
    addChild(boxC,30, kBoxC_Tag);                                                                                         ⑥

    returntrue;
}

我们在HelloWorld::init()函数中初始化了场景中的背景和三个方块精灵。代码第①~④行是创建并添加背景图8-3所示的背景是由一个128x128纹理图片BackgroundTile.png反复贴图上这样可以减少内存消耗在第①行代码中创建背景精灵对象注意背景的大小仍然是整个屏幕。第②行代码是设置贴图的纹理的参数Texture2D::TexParams类型是一个结构体。第③行代码是将参数设置到背景精灵的纹理上。第④行代码是添加背景精灵到当前层。

代码第⑤~⑥行是创建了三个方块精灵在添加它到当前层的时候我们使用三个参数的addChild(Node* child,int localZOrder,int tag)函数这样可以通过localZOrder参数指定精灵的显示顺序。

HelloWorldScene.ccp中的HelloWorld::onEnter()代码如下
void HelloWorld::onEnter()
{
    Layer::onEnter();
    log("HelloWorldonEnter");

    autolistener = EventListenerTouchOneByOne::create();                                                             ①

    listener->setSwallowTouches(true);                                                                                      ②
    listener->onTouchBegan= CC_CALLBACK_2(HelloWorld::touchBegan, this);                         ③
    listener->onTouchMoved=  CC_CALLBACK_2(HelloWorld::touchMoved,this);                     ④
    listener->onTouchEnded=  CC_CALLBACK_2(HelloWorld::touchEnded,this);                     ⑤

    //添加监听器
    EventDispatcher*eventDispatcher = Director::getInstance()->getEventDispatcher();              ⑥
    eventDispatcher->addEventListenerWithSceneGraphPriority(listener,
                                                                            getChildByTag(kBoxA_Tag));                                  ⑦
    eventDispatcher->addEventListenerWithSceneGraphPriority(listener->clone(),
                                                                            getChildByTag(kBoxB_Tag));                                  ⑧
    eventDispatcher->addEventListenerWithSceneGraphPriority(listener->clone(),
                                                                            getChildByTag(kBoxC_Tag));                                 ⑨

}

上述代码第①行是创建一个单点触摸事件监听器对象。第②行代码是设置是否吞没事件如果设置为true那么在onTouchBegan函数返回 true 时吞没事件事件不会传递给下一个Node对象。第③行代码是设置监听器的onTouchBegan属性回调函数。第④行代码是设置监听器的onTouchMoved属性回调函数。第⑤行代码是设置监听器的onTouchEnded属性回调函数。

代码第⑥~⑨行是添加监听器其中第⑦行使用精灵显示优先级添加事件监听器其中参数getChildByTag(kBoxA_Tag)是通过精灵标签Tag实现获得精灵对象。第⑧行和第⑨行代码是为另外两精灵添加事件监听器其中listener->clone()获得listener对象使用clone()函数是因为每一个事件监听器只能被添加一次addEventListenerWithSceneGraphPriority和addEventListenerWithFixedPriority会在添加事件监听器时设置一个注册标识一旦设置了注册标识该监听器就不能再用于注册其它事件监听了因此我们需要使用listener->clone()克隆一个新的监听器对象把这个新的监听器对象用于注册。

HelloWorldScene.ccp中的触摸事件回调函数代码如下

bool HelloWorld::touchBegan(Touch*touch, Event* event)                                                            ①
{
    //获取事件所绑定的 target
    autotarget = static_cast<Sprite*>(event->getCurrentTarget());                                                    ②
    PointlocationInNode = target->convertToNodeSpace(touch->getLocation());                         ③
    Sizes = target->getContentSize();                                                                                          ④
    Rectrect = Rect(0, 0, s.width, s.height);                                                                                         ⑤

    //点击范围判断检测
    if(rect.containsPoint(locationInNode))                                                                                         ⑥
    {
         log("spritex = %f, y = %f ", locationInNode.x, locationInNode.y);
         log("spritetag = %d", target->getTag());
         target->runAction(ScaleBy::create(0.06f,1.06f));                                                             ⑦
         returntrue;                                                                                                                                     ⑧
    }
    returnfalse;
}

void HelloWorld::touchMoved(Touch*touch, Event *event)                                                           ⑨
{
    log("onTouchMoved");
    autotarget = static_cast<Sprite*>(event->getCurrentTarget());
    target->setPosition(target->getPosition()+ touch->getDelta());                                                   ⑩
}

void HelloWorld::touchEnded(Touch*touch, Event *event)                                                           ⑪
{
    log("onTouchEnded");
    autotarget = static_cast<Sprite*>(event->getCurrentTarget());
    log("spriteonTouchesEnded.. ");

    PointlocationInNode = target->convertToNodeSpace(touch->getLocation());
    Sizes = target->getContentSize();
    Rectrect = Rect(0, 0, s.width, s.height);
    //点击范围判断检测
    if(rect.containsPoint(locationInNode))
    {
         log("spritex = %f, y = %f ", locationInNode.x, locationInNode.y);
         log("spritetag = %d", target->getTag());
         target->runAction(ScaleTo::create(0.06f,1.0f));
    }
}

上代码第①行是定义回调函数touchBegan。第②行代码是获取事件所绑定的精灵对象其中event->getCurrentTarget()语句返回值是Node对象static_cast<Sprite*>是强制类型转换为Sprite对象。第③行代码是获取当前触摸点相对于target对象的本地坐标。第④行代码是获得target对象的尺寸。第⑤行代码是通过target对象的尺寸创建Rect变量。第⑥行代码rect.containsPoint(locationInNode)是判断是否触摸点在target对象范围。第⑦行代码是放大target对象。第⑧行代码返回true表示可以回调第⑨行touchMoved函数和第⑪行touchEnded函数。第⑩行代码是移动target对象的位置。

HelloWorldScene.ccp中的HelloWorld::onExit()代码如下

void HelloWorld::onExit()
{
    Layer::onExit();
    log("HelloWorldonExit");
    Director::getInstance()->getEventDispatcher()->removeAllEventListeners();
}

上述HelloWorld::onExit()函数是退出层时候回调我们在这个函数中注销所有的监听事件。

提示 多点触摸事件是与具体的平台有关系的在Win32平台下我们无法测试多点触摸。事实上多点触摸和单点触摸开发流程基本相似这里我们就不再赘述了。

《Cocos2d-x实战 C++卷》现已上线各大商店均已开售‍
京东http://item.jd.com/11584534.html

亚马逊http://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

当当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 ‍

欢迎关注智捷iOS课堂微信公共平台

时间： 2024-09-22 04:58:48

Cocos2d-x实例：单点触摸事件的相关文章

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

下面我们通过一个实例详细了解一下层中单点触摸事件的实现过程.感受一下它的缺点和优点.该实例场景如下图所示场景中有两个方块精灵我们可以点击和移动它们. 下面我们看看HelloWorldScene.cpp具体的实现代码如下 bool HelloWorld::init() { if( !Layer::init() ) { returnfalse; } ...... setTouchEnabled(true); //设置为单点触摸 setTouchMode(Touch::DispatchMode::ON

Cocos2d-x中触摸事件

理解一个触摸事件可以从时间和空间两方面考虑. 1.触摸事件的时间方面 触摸事件的在时间方面如下图所示可以有不同的"按下"."移动"和"抬起"等阶段表示触摸是否刚刚开始.是否正在移动或处于静止状态以及何时结束也就是手指何时从屏幕抬起.此外触摸事件的不同阶段都可以有单点触摸或多点触摸是否支持多点触摸还要看设备和平台.   触摸事件有两个事件监听器EventListenerTouchOneByOne和EventListenerTouchAllAtOnc

移动端js触摸事件详解_javascript技巧

在移动开发中,一种较为容易的做法是,先在桌面上开始原型设计,然后再在打算要支持的设备上处理移动特有的部分.多点触摸正是难以在PC上进行测试的那些功能之一,因为大部分的PC都没有触摸输入.  不得不在移动设备上进行的测试有可能会拉长你的开发周期,因为你所做的每项改变都需要提交代码到服务器上,接着再加载到设备上.然后,一旦运行后,对应用也就没有太多的调试了,因为平板电脑和智能手机都很缺乏web开发者所用的工具. 这个问题的一个解决方案是在开发机器上模拟触发事件.对于单点触摸,触摸事件可以基于鼠标事件

多点触摸与单点触摸接口主要区别【转】

转自:http://blog.csdn.net/eleven_yy/article/details/7723079 上发单点触摸事件 input_report_key(input,ABS_MT_TRACKING_ID,0); input_report_key(input, BTN_TOUCH, 1); input_report_abs(input, ABS_MT_POSITION_X, ts->tc.x1); input_report_abs(input, ABS_MT_POSITION_Y,

Cocos2d-x触摸事件实例_C 语言

在玩手机游戏的时候,屏幕接收我们的触摸消息是必不可少的,根据我们的触摸事件,去实现相应的功能,这里我们就来学习一下cocos2d-x中的触摸是怎么实现的.触摸分为单点触摸和多点触摸,先来看单点触摸,就是接收一个点的触摸.代码将实现过程清楚的写了下来,仔细分析代码吧. bool HelloWorld::init() { bool bRet = false; do { CC_BREAK_IF(! CCLayer::init()); //开启触摸 this->setTouchEnabled(true)

5.触摸touch,单点触摸，多点触摸，触摸优先和触摸事件的吞噬

 1 触摸 Coco2dx默认只有CCLayer及其派生类才有触摸的功能. 2 单点触摸 打开触摸开关和触摸方式 setTouchEnabled(true); setTouchMode(kCCTouchesOneByOne); Cocos2dx 对触摸分三布来处理.分是是点触,移动,离开.或是中间被打断.其功能皆有相应的virtual 函数进行override 的. virtual bool ccTouchBegan(CCTouch *pTouch,CCEvent *pEvent); vir

iOS开发中使用cocos2d添加触摸事件的方法_IOS

CCLayer类是用来接收触摸输入的.不过你要首先启用这个功能才可以使用它.你通过设置isTouchEnabled为YES来让层接收触摸事件: 复制代码 代码如下: self.isTouchEnabled = YES; 此项设定最好在init方法中设置.你可以在任何时间将其设置为NO或者YES. 一旦启用isTouchEnabled属性,许多与接收触摸输入相关的方法将会开始被调用.这些事件包括:当新的触摸开始的时候,当手指在触摸屏上移动的时候,还有在用户手指离开屏幕以后.很少会发生触摸事件被取消

jQuery Mobile 触摸事件实例_jquery

触摸事件在用户触摸屏幕(页面)时触发. 必须引入jQuery库和jQuery Mobile库,如下: <script src="">http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> <script src="">http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.

cocos2d ccLayer响应触摸事件方法：CCStandardTouchDelegate 与 CCTargetedTouchDelegate

cocos2d ccLayer响应触摸事件方法:CCStandardTouchDelegate 与 CCTargetedTouchDelegate    以下内容转载自:http://blog.sina.com.cn/s/blog_623ed7840100yhw9.html ,对原作者表示感谢.     简介 Cocos2d中,CCLayer类被设计用来获取触摸信息,该类实现了两个协议:CCStandardTouchDelegate和CCTargetedTouchDelegate,我们可以使用这