Cocos2d-X 事件处理机制之触屏事件(单点触屏+多点触屏)

本系列学习教程使用的是cocos2d-x-2.1.4(最新版为3.0alpha0-pre) ,PC开发环境Windows7,C++开发环境VS2010


       游戏主要是玩家和程序的交流。无论你的动画做得多么生动,特效做得如何炫,游戏还是要和玩家进行互动和交


流。在智能手机中,主要的输入操作是通过触摸屏幕、重力感应等方式实现的,而输入文字主要通过虚拟键盘等实现


的。下面就让我们一起来学习触屏事件的使用。

一、触屏事件


      在Cocos2D-X中,继承自触屏代理协议CCTouchDelegate的布景层类CCLayer可以检测触屏事件并调用回调函


数。首先来看CCTouchDelegate类的继承关系,如下图所示。

 CCTouchDelegate的子类中,CCStandardTouchDelegate协议是标准的获得多点触摸点的范例,


CCTargetedTouchDelegate不用处理触摸点的集合,它是返回单点的。  但是需要注意的是,CCTargetedTouchDelegate并没有屏蔽多点触摸,而是将多点离散成了单点,同时传递过来


了。可以在开始触摸的函数中返回true来实现之后获得的触摸点肯定是自己的。此外,我们常用的类是布景层类CCLayer,也就是说,在布景层类中可以重

ccTouchesBegan等函数获得触屏的信息。

二、触屏事件监听函数

1、在CCDirector类中有如下函数。


<1> addTargetedDelegate(CCTouchDelegate * pDelegate,int nPriority,bool bSwallowsTouches)

作用:在Dispatcher的列表中注册一个触屏事件的委托,用以监听用户的触屏事件。

参数1:触屏事件委托CCTouchDelegate目标。

参数2:优先级(其值越小优先级越高,优先级越高越早被响应)。

参数3:是否拦截触屏事件。

当第3个参数为true时,表示对本次触屏事件进行拦截,也就是说当触屏事件响应了本次触屏委托后,不会再继续将此触屏事件分发响应到Dispatcher列表中的其他委托中。

 如果CCNode使用了CCTouchDelegate接口,并且注册了触屏委托,那么当用户触摸手机屏幕后,Cocos2D-X会从当前设备拦截到此事件,并开始遍历Dispatcher的列表,逐

一对注册过的CCNode进行响应对应的触屏事件。


2、一般触屏事件分为三种。


<1> bool virtual bool ccTouchBegan(CCTouch * touch,CCEvent * event)

作用:当用户手指第一次触碰到手机屏幕时响应的回调函数。

返回值:bool类型。当返回true时,表示继续响应ccTouchMoved、ccTouchEnded事件;当返回false时,则不再继续响应这两个事件。

<2> virtual bool ccTouchMoved(CCTouch * touch,CCEvent * event)

作用:当用户手指在手机屏幕上进行移动(拖动)时响应的回调函数。

<3> virtual bool ccTouchEnded(CCTouch * touch,CCEvent * event)


作用:当用户手指在手机屏幕上离开、抬起响应的回调函数。

参数1:CCTouch包含用户触屏点坐标。

注意:由于CCLayer默认使用了CCTouchDelegate触屏委托,所以继承CCLayer的子类无须再次使用此接口。


三、单点触摸实例



1、接下来,让我们以项目实例来实现一个精灵自动移动到用户触屏位置的功能。


<1> 首先新建Cocos2D-X项目,取名为“MyCCTouch”,然后在HelloWorldScene.h文件中声明成员函数。

//重写触屏回调函数
    virtual bool ccTouchBegan(cocos2d::CCTouch* touch, cocos2d::CCEvent* event);
    virtual void ccTouchMoved(cocos2d::CCTouch* touch, cocos2d::CCEvent* event);
    virtual void ccTouchEnded(cocos2d::CCTouch* touch, cocos2d::CCEvent* event);
    
    //重写生命周期函数
    virtual void onEnter();
    virtual void onExit();

<2> 在HelloWorldScene.cpp文件中的init函数中添加如下所示代码。

bool HelloWorld::init()
{
    bool bRet = false;
    do 
    {
        CC_BREAK_IF(! CCLayer::init());

        CCSprite * spr = CCSprite::create("Icon.png");
		spr->setPosition(ccp(150,150));
		addChild(spr,0,922);

        bRet = true;
    } while (0);

    return bRet;
}

<3> 最后在HelloWorldScene.cpp文件中添加如下所示函数。

void HelloWorld::onEnter(){
    
    CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this,0,false);
    CCLayer::onEnter();
}

void HelloWorld::onExit(){
    
    CCDirector::sharedDirector()->getTouchDispatcher()->removeDelegate(this);
    CCLayer::onExit();
}

bool HelloWorld::ccTouchBegan(CCTouch* touch, CCEvent* event)
{
	CCLOG("ccTouchBegan");
    return true;
}

void HelloWorld::ccTouchMoved(CCTouch* touch, CCEvent* event){
    CCLOG("ccTouchMoved");
}

void HelloWorld::ccTouchEnded(CCTouch* touch, CCEvent* event)
{
	CCLOG("ccTouchEnded");
    //获取离开屏幕时对应的坐标
    CCPoint point = touch->getLocation();
    
    //获取到精tag=922的精灵
    CCSprite* sp = (CCSprite*)this->getChildByTag(922);
    //暂停所有动作
    sp->stopAllActions();
    //执行move动作到用户离开时的位置
    sp->runAction(CCMoveTo::create(1, point));
}

对于以上代码需要着重讲解的有4点:


<1> 重写了生命周期函数onEnter与onExit,主要用于注册和移除委托。


     因为委托一般都是成对出现的,有注册就要对应有移除。如果你想对一个CCNode进行委托监听,那么创建本类时就可以进行监听了,而当本类退出时也可以对应删除其监

听。所以一般情况下,推荐大家将触屏事件的注册与移除代码都写在onEnter与onExit中。如果注册的委托不及时移除掉,就有可能造成程序的异常退出

<2> 以上代码中,我们将精灵move逻辑写在触屏监听用户手指离开的函数ccTouchEnded中进行处理,其原因是考虑用户体验。

    很多用户在手指第一次触摸屏幕时并不是有目的性的、或者说是尝试性地去触碰屏幕,那么如果系统很快响应了这些用户的错误操作逻辑,用户就会比较反感,所以一般情况

下,例如按钮等我们只在用户离开屏幕时进行响应。当然,这些细微的用户体验也会根据不同类型的游戏进行改进。

<3> 由于Cocos2D-X是基于OpenGL ES实现的,所以在CCTouch中保存用户触屏坐标,位置是3D坐标系中的坐标,所以需要将其转换成2D坐标。当然,Cocos2D-X也在

CCTouch中为开发者提供了转换坐标的函数getLocation进行2D坐标点的转换。

<4> 在上面的示例项目中,在精灵进行runAction之前,我先调用了这个精灵的stopAllActions()函数,将停止此精灵的所有动作。很多时候游戏中的精灵会有很多不同的动作需

要执行,为了防止在运行新的动作时上一个动作可能还没暂停的情况,所以这里先对所有动作进行一个停止的操作。主要原因是当精灵同时runAction两个不同的动作时,会出

现乱掉的情况。


2、示例效果图

精灵会随着屏幕的点击到达指定的位置




四、多触点事件

我们学习了触屏的监听,其监听委托类为CCTargetedTouchDelegate,此接口属于单点触屏的监听委托;对于多触点,其委托类为CCStandardTouchDelegate。 不论是

CCTargetedTouchDelegate,还是CCStandardTouchDelegate,都是CCTouchDelegate的子类,而CCLayer默认继承了CCTouchDelegate接口,所以CCLayer的子类无须

再重新使用这些接口。

多触点委托中的回调函数如下所示:

    virtual void ccTouchesBegan(cocos2d::CCSet *pTouches, cocos2d::CCEvent *pEvent);
    virtual void ccTouchesMoved(cocos2d::CCSet *pTouches, cocos2d::CCEvent *pEvent);
    virtual void ccTouchesEnded(cocos2d::CCSet *pTouches, cocos2d::CCEvent *pEvent);

其中分别对应为用户按下、移动(拖动)、抬起(离开屏幕)3种事件。在这个回调函数中,第一个参数不再是CCTouch,而是CCTouch的集合。

遍历所有触点位置的方式如下所示:

CCSetIterator iter = pTouches->begin();
    for (; iter != pTouches->end(); iter++)
    {
        CCTouch* pTouch = (CCTouch*)(*iter);
        CCPoint location = pTouch->getLocation();
	}

CCTouch 有如下所示函数:

<1> int getID()

作用 :得到当前触点的下标(从0开始计数)。



在多触点委托监听时,需要注意以下3点问题:

<1>setTouchEnabled(true),开启多触点监听务必调用此函数。

<2> 在CCDirector类中添加多触点委托事件代码:

CCDirector::sharedDirector()->getTouchDispatcher()->addStandardDelegate(CCTouchDelegate* pDelegate,int nPriority)

注意多触点的委托注册放在onEnter的生命函数中会造成程序异常退出。默认都重写如下函数:

virtual void registerWithTouchDispatcher(void);

将多触点委托注册放在此函数中进行注册,用以指明此委托类型为多触点委托监听。

<3> 开启IOS多触点支持功能。

在IOS设备中,默认多触点是关闭的,如果我们想要在IOS设备中使用多触点,就需要开启多触点的支持。

五、多触点触摸实例

1、首先新建Cocos2D-X项目,取名为“MyMutiTouch”,然后在HelloWorldScene.h文件中声明成员函数。
//重写多触点回调函数
	virtual void registerWithTouchDispatcher(void);
	virtual void ccTouchesBegan(cocos2d::CCSet *pTouches, cocos2d::CCEvent *pEvent);
    virtual void ccTouchesMoved(cocos2d::CCSet *pTouches, cocos2d::CCEvent *pEvent);
    virtual void ccTouchesEnded(cocos2d::CCSet *pTouches, cocos2d::CCEvent *pEvent);

	//生命周期函数
    virtual void onExit();

2、在HelloWorldScene.cpp文件中的init函数中添加如下所示代码。

bool HelloWorld::init()
{
    bool bRet = false;
    do 
    {
        CC_BREAK_IF(! CCLayer::init());

        //开启多触点监听务必调用此函数
		setTouchEnabled(true);
    
		CCSprite * sp1 = CCSprite::create("Icon.png");
		sp1->setColor(ccc3(255, 255, 0));//便于区分
		CCSprite * sp2 = CCSprite::create("Icon.png"); 
		sp1->setPosition(ccp(150,100));
		sp2->setPosition(ccp(150,200)); 
		addChild(sp1,0,91);
		addChild(sp2,0,92);

        bRet = true;
    } while (0);

    return bRet;
}

3、最后在HelloWorldScene.cpp文件中添加如下所示函数。

//注册多触点的委托监听
void HelloWorld::registerWithTouchDispatcher(void){
    CCDirector::sharedDirector()->getTouchDispatcher()->addStandardDelegate(this, 0);
}

//用户手指第一次触碰
void HelloWorld::ccTouchesBegan(CCSet *pTouches, CCEvent *pEvent){
    CCSetIterator iter = pTouches->begin();
    for (; iter != pTouches->end(); iter++)
    {
        CCTouch* pTouch = (CCTouch*)(*iter);
        CCPoint location = pTouch->getLocation();
        if(pTouch->getID()==0){//第一个触点
            CCSprite * sp1 = (CCSprite*)this->getChildByTag(91);
            sp1->setPosition(location);            
        }else if(pTouch->getID()==1){//第二个触点
            CCSprite * sp2= (CCSprite*)this->getChildByTag(92);
            sp2->setPosition(location);
        }
    }
}

//用户手指进行移动或者拖拽
void HelloWorld::ccTouchesMoved(CCSet *pTouches, CCEvent *pEvent){
    CCSetIterator iter = pTouches->begin();
    for (; iter != pTouches->end(); iter++)
    {
        CCTouch* pTouch = (CCTouch*)(*iter);
        CCPoint location = pTouch->getLocation();
        if(pTouch->getID()==0){//第一个触点
            CCSprite * sp1 = (CCSprite*)this->getChildByTag(91);
            sp1->setPosition(location);
        }else if(pTouch->getID()==1){//第二个触点
            CCSprite * sp2= (CCSprite*)this->getChildByTag(92);
            sp2->setPosition(location);
        }
    }
}

//用户手指抬起
void HelloWorld::ccTouchesEnded(CCSet *pTouches, CCEvent *pEvent){
    CCSetIterator iter = pTouches->begin();
    for (; iter != pTouches->end(); iter++)
    {
        CCTouch* pTouch = (CCTouch*)(*iter);
        CCPoint location = pTouch->getLocation();
        CCLOG("pTouch  触摸点 %i 的坐标: x:%f,y:%f",pTouch->getID(),location.x,location.y);
    }
}

//删除多触点的委托监听
void HelloWorld::onExit(){
    CCDirector::sharedDirector()->getTouchDispatcher()->removeDelegate(this);
    CCLayer::onExit();
}

4、示例效果图


以上示例代码主要实现随着不同用户多个触摸点位置的移动,其各精灵位置也不断移动



原文链接:http://m.blog.csdn.net/blog/yangyu20121224/10029143

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值