Cocos2d-x触摸事件实例

时间:2022-06-06 09:38:39

在玩手机游戏的时候,屏幕接收我们的触摸消息是必不可少的,根据我们的触摸事件,去实现相应的功能,这里我们就来学习一下cocos2d-x中的触摸是怎么实现的。触摸分为单点触摸和多点触摸,先来看单点触摸,就是接收一个点的触摸。代码将实现过程清楚的写了下来,仔细分析代码吧。

Cocos2d-x触摸事件实例

 
?
1
 
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
bool HelloWorld::init()
{
  bool bRet = false;
  do
  {
    CC_BREAK_IF(! CCLayer::init());
 
    //开启触摸
    this->setTouchEnabled(true);
 
    bRet = true;
  } while (0);
 
  return bRet;
}
 
//开启触摸以后必须注册触摸事件,告诉引擎你支持单点触摸还是多点触摸
void HelloWorld::registerWithTouchDispatcher()
{
    //addTargetedDelegate注册单点触摸,第一个参数代表为哪个对象注册触摸事件,第二个代表优先级,数字越
    //小,优先级越高,第三个参数代表是否吞噬消息,如果为true这个节点接受了消息,处理后,优先级比它小的节点
    //就接受不到消息了
    CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this,0,true);
}
 
//ccTouchBegan是必须要实现的函数,也是在四个协议方法中唯一一个返回值为bool类型的函数
//返回值是true的情况下,会接下来响应ccTouchMoved和ccTouchEnded和ccTouchCancelled函数。
//CCTouch中封装了关于触摸点的一些属性,例如坐标信息,CCEvent没有什么用
bool HelloWorld::ccTouchBegan(CCTouch * pTouch,CCEvent * pEvent)
{
    //获得opengl坐标下的点坐标
    CCPoint point = pTouch->getLocation();
 
    CCSprite * sprite = CCSprite::create("image.png");
    this->addChild(sprite);
    sprite->setPosition(point);
 
    return true;
}
 
//当手指在屏幕上移动的时候不断调用的一个方法
void HelloWorld::ccTouchMoved(CCTouch * touch,CCEvent * pEvent)
{
    //获得opengl坐标下的点坐标
    CCPoint point = touch->getLocation();
 
    CCSprite * sprite = CCSprite::create("image.png");
    this->addChild(sprite);
    sprite->setPosition(point);
}
 
//当手指抬起来的时候会调用的方法
void HelloWorld::ccTouchEnded(CCTouch * pTouch,CCEvent * pEvent)
{
    this->removeAllChildrenWithCleanup(true);
}
//还有一个ccTouchCancelled函数,在取消触摸事件的时候调用,比如我们在触屏的时候突然打来了电话

接下来用我们刚刚学到的知识,来实现拖拽精灵移动的效果。

Cocos2d-x触摸事件实例

 
?
1
 
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
bool HelloWorld::init()
{
  bool bRet = false;
  do
  {
    CC_BREAK_IF(! CCLayer::init());
 
        //实现拖拽精灵移动的效果
        CCSprite * sprite = CCSprite::create("image2.png");
        sprite->setPosition(ccp(240,180));
        this->addChild(sprite,0,0);
 
        //开启触摸
        this->setTouchEnabled(true);
 
    bRet = true;
  } while (0);
 
  return bRet;
}
 
//开启触摸以后必须注册触摸事件,告诉引擎你支持单点触摸还是多点触摸
void HelloWorld::registerWithTouchDispatcher()
{
    //addTargetedDelegate注册单点触摸,第一个参数代表为哪个对象注册触摸事件,第二个代表优先级,数字越
    //小,优先级越高,第三个参数代表是否吞噬消息,如果为true这个节点接受了消息,处理后,优先级比它小的节点
    //就接受不到消息了
    CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this,0,true);
}
 
bool HelloWorld::ccTouchBegan(CCTouch * touch,CCEvent * pEvent)
{
    CCSprite * sprite = (CCSprite *)this->getChildByTag(0);
    //获得手指点击的点的坐标
    CCPoint point = touch->getLocation();
    //获得精灵所在的区域,CCRect包括x,y,width,height
    CCRect rect = sprite->boundingBox();
 
    //判断手指点击的点是否点在了精灵上
    if(rect.containsPoint(point))
    {
        //返回true则会接受其他的协议消息
        return true;
    }
 
    return false;
}
 
void HelloWorld::ccTouchMoved(CCTouch * touch,CCEvent * pEvent)
{
    /*
    这里可以直接将精灵的坐标设置为手指所在点的坐标位置,但是这样的话会产生跳跃的效果,视觉上不好看,这是
    因为精灵是在用自己的锚点占据我们设置的坐标位置,而不是我们点击在精灵身上的那个点放到我们的手指所在的位置
    */
 
    //分别获得了手指现在的点击点和手指上次的点击点位置
    CCPoint point = touch->getLocation();
    CCPoint pointPre = touch->getPreviousLocation();
    //ccpSub将俩个点相减,获得一个移动方向的向量
    CCPoint direction = ccpSub(point,pointPre);
 
    CCSprite * sprite = (CCSprite *)this->getChildByTag(0);
    CCPoint spritePoint = sprite->getPosition();
    //ccpAdd将精灵现在的位置点和移动方向的向量相加,获得精灵将要移动到的位置点
    CCPoint spriteDirection = ccpAdd(spritePoint,direction);
    sprite->setPosition(spriteDirection);
}

接下来学习多点触摸,多点触摸和单点触摸不同的是它的优先级要低于单点触摸,不论注册的时候里边传入的数字是多少,当然还有其它的一些区别,让我们看代码吧。以下是在windows上演示的效果,windows上没法实现多点触摸。

Cocos2d-x触摸事件实例

 
?
1
 
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
bool HelloWorld::init()
{
  bool bRet = false;
  do
  {
    CC_BREAK_IF(! CCLayer::init());
 
        //实现拖拽精灵移动的效果
        CCSprite * sprite = CCSprite::create("image2.png");
        sprite->setPosition(ccp(240,180));
        this->addChild(sprite,0,0);
 
        //开启触摸
        this->setTouchEnabled(true);
 
    bRet = true;
  } while (0);
 
  return bRet;
}
 
void HelloWorld::registerWithTouchDispatcher()
{
    //注册多点触摸,里边只有俩个参数
    CCDirector::sharedDirector()->getTouchDispatcher()->addStandardDelegate(this,0);
}
 
//在多点触摸中,这四个协议函数在touch后边都加了es,并且每个协议函数不需要都实现,所有的返回值都是void
//CCSet是CCTouch的集合
void HelloWorld::ccTouchesBegan(CCSet * set,CCEvent * pEvent)
{
    //CCSetIterator是一个迭代器
    CCSetIterator iterator;
    //以下的方法就是从CCSet中获得对象的方法
    for(iterator = set->begin();iterator != set->end();iterator++)
    {
        //将元素强制转化为CCTouch *类型
        CCTouch * touch = (CCTouch *)(*iterator);
        CCPoint point = touch->getLocation();
 
        CCSprite * sprite = CCSprite::create("image.png");
        sprite->setPosition(point);
        this->addChild(sprite);
    }
}

接下来利用上边的多点触摸消息实现精灵的放大和缩放效果,大家看到的相册图片放大和缩小的效果也是这么实现的,但是windows不支持多点,所以这里只是说明原理。
查看源代码打印帮助

 
?
1
 
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
bool HelloWorld::init()
{
  bool bRet = false;
  do
  {
    CC_BREAK_IF(! CCLayer::init());
 
        //实现拖拽精灵移动的效果
        CCSprite * sprite = CCSprite::create("image2.png");
        sprite->setPosition(ccp(240,180));
        this->addChild(sprite,0,0);
 
        //开启触摸
        this->setTouchEnabled(true);
 
    bRet = true;
  } while (0);
 
  return bRet;
}
 
void HelloWorld::registerWithTouchDispatcher()
{
    //注册多点触摸,里边只有俩个参数
    CCDirector::sharedDirector()->getTouchDispatcher()->addStandardDelegate(this,0);
}
 
void HelloWorld::ccTouchesBegan(CCSet * set,CCEvent * pEvent)
{
    CCSetIterator iterator = set->begin();
    //获得第一个触摸点
    CCTouch * touch0 = (CCTouch *)(*iterator);
    iterator++;
    //程序执行到这里会死掉,因为windows只支持单点触摸,不支持多点,所以这里是不会获得第二个点的
    CCTouch * touch1 = (CCTouch *)(*iterator);
    length = ccpDistance(touch0->getLocation(),touch1->getLocation());
}
 
void HelloWorld::ccTouchesMoved(CCSet * set,CCEvent * pEvent)
{
    CCSetIterator iterator = set->begin();
    CCTouch * touch0 = (CCTouch *)(*iterator);
    iterator++;
    CCTouch * touch1 = (CCTouch *)(*iterator);
    float length2 = ccpDistance(touch0->getLocation(),touch1->getLocation());
    float times = length2/length;
    CCSprite * sprite = (CCSprite *)this->getChildByTag(0);
    sprite->setScale(times);
}