cocos2d-x实现滑屏

像植物大战僵尸，保卫萝卜这些游戏，刚开始时就有一个滑屏选关卡的功能，这个效果非常好，越来越多的手机游戏使用这种方法进行关卡选择，想到以后，我也会经常用到这个功能，于是，就将这个功能封装起来，大家一起来看看代码吧

#ifndef _SLIDING_LAYER_H_
#define _SLIDING_LAYER_H_

//////////////////////////////////////////////////////////////////////////
class CSlidingLayer : public CCLayer
{
public:
CSlidingLayer();
~CSlidingLayer();

public:
virtual bool ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent);    // 手指触碰时
virtual void ccTouchMoved(CCTouch *pTouches, CCEvent *pEvent);  // 手指移动时
virtual void ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent);    // 手指放开时

public:
void AddSprite(CCSprite* pSprite);           // 添加用于滑屏显示的精灵
bool IsMoveLayer()  { return m_bMoveLayer; } // 用于判断是否手指滑动了

private:
CCPoint m_ptTouchDown;      // 首次按下的触摸点

typedef vector<CCSprite*> VEC_SPRITE;
VEC_SPRITE m_vecSprite;     // 精灵集合
int m_nCurSprite;           // 当前显示的精灵

bool m_bMoveLayer;          // 移动层
};
#endif

#include "stdafx.h"
#include "SlidingLayer.h"

const int NEXT_SPRITE_SHOW = 50;    // 触摸点与滑动停止时点距离，如果超过这个值，我们认为是滑屏，没有超过则认为误操作，不做滑屏处理
//////////////////////////////////////////////////////////////////////////
CSlidingLayer::CSlidingLayer()
{
m_ptTouchDown.setPoint(-1, -1);
m_nCurSprite = 0;
m_bMoveLayer = false;
}

//////////////////////////////////////////////////////////////////////////
CSlidingLayer::~CSlidingLayer()
{

}

//////////////////////////////////////////////////////////////////////////
bool CSlidingLayer::ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent)
{
m_ptTouchDown = pTouch->getLocation();    // 获取触摸点
m_bMoveLayer = false;
return true;
}

//////////////////////////////////////////////////////////////////////////
void CSlidingLayer::ccTouchMoved(CCTouch *pTouch, CCEvent *pEvent)
{
m_bMoveLayer = true;
if (m_vecSprite.size() <= 0)
{
return ;
}

int nCurSpriteTemp = m_nCurSprite;
int nWillShowSpriteIndex = m_nCurSprite;    // 将要显示的精灵的索引，就是你左右滑动时，要显示的精灵
CCPoint ptTouch = pTouch->getLocation();
if (ptTouch.x > m_ptTouchDown.x)        // 向右滑动
{
nWillShowSpriteIndex--;
}
else if (ptTouch.x < m_ptTouchDown.x)   // 向左滑动
{
nWillShowSpriteIndex++;
}
nWillShowSpriteIndex = __max(0, nWillShowSpriteIndex);
nWillShowSpriteIndex = __min(nWillShowSpriteIndex, (int)m_vecSprite.size() - 1);
nCurSpriteTemp = __max(0, nCurSpriteTemp);
nCurSpriteTemp = __min(nCurSpriteTemp, (int)m_vecSprite.size() - 1);

// 当前页移动显示
int nDalta = ptTouch.x - m_ptTouchDown.x;            // 手指当前滑动到的触摸点与刚开始触摸的点的X差值
CCSprite* pSprite = m_vecSprite[nCurSpriteTemp];
CCAssert(pSprite != NULL, "");
CCSize size = CCDirector::sharedDirector()->getWinSize();
pSprite->setPosition(ccp(size.width / 2 + nDalta, size.height / 2));    // 移动当前页

if (nWillShowSpriteIndex != nCurSpriteTemp)    // 移动将要显示的页
{
CCSprite* pSpriteWillShow = m_vecSprite[nWillShowSpriteIndex];
MUSTOK(pSpriteWillShow);
if (nWillShowSpriteIndex < nCurSpriteTemp)
{
pSpriteWillShow->setPosition(ccp(-size.width / 2 + nDalta, size.height / 2));    // 向右移动时，将要显示的页在屏幕左边，锚点在半屏之外
}
else
{
pSpriteWillShow->setPosition(ccp(size.width * 3 / 2 + nDalta, size.height / 2)); // 向左移动时，将要显示的页在屏幕右边，锚点在3/2屏之外
}
}
}

//////////////////////////////////////////////////////////////////////////
void CSlidingLayer::ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent)
{
if (m_vecSprite.size() == 0)
{
return ;
}

CCPoint ptEnd = pTouch->getLocation();
if (ptEnd.x > m_ptTouchDown.x)          // 向右滑
{
if (ptEnd.x - m_ptTouchDown.x >= NEXT_SPRITE_SHOW)
{
m_nCurSprite--;    // 当前页变为前一页
}
}
else if (ptEnd.x < m_ptTouchDown.x)     // 向左滑
{
if (m_ptTouchDown.x - ptEnd.x >= NEXT_SPRITE_SHOW)
{
m_nCurSprite++;    // 当前页变为下一页
}
}
m_nCurSprite = __min(m_nCurSprite, (int)m_vecSprite.size() - 1);
m_nCurSprite = __max(0, m_nCurSprite);

if (m_vecSprite.size() != 0)
{
CCSprite* pSprite = m_vecSprite[m_nCurSprite];
CCAssert(pSprite != NULL, "");
CCSize size = CCDirector::sharedDirector()->getWinSize();
pSprite->setPosition(ccp(size.width / 2, size.height / 2));    // 将当前页显示在屏幕中间

// 为了使左右两个精灵不对当前页构成显示影响，将左右精灵都移动到很远很远的地方去
if (m_nCurSprite >= 1)
{
pSprite = m_vecSprite[m_nCurSprite - 1];
pSprite->setPosition(ccp(-10000, 0));
}
if (m_nCurSprite + 1 <= (int)m_vecSprite.size() - 1)
{
pSprite = m_vecSprite[m_nCurSprite + 1];
pSprite->setPosition(ccp(-10000, 0));
}
}
}

//////////////////////////////////////////////////////////////////////////
void CSlidingLayer::AddSprite(CCSprite* pSprite)
{
CCAssert(pSprite != NULL, "");
m_vecSprite.push_back(pSprite);
}

步骤很简单

1、当手指触摸时，记录触摸点

2、当手指滑动时，判断是左滑动还是右滑动，移动当前页，如果左滑动，还要移动下一页，如果右滑动，则还要移动的是上一页

3、当放开手指时，判断滑动距离，如果是滑动操作，则根据左滑和右滑分别显示不同的当前页。并且把当前页左右两边的精灵移动到远方，不让其妨碍当前页的显示

使用起来也很简单，只要将你的类派生于CSlidingLayer，然后在三个手指函数的最后加上CSlidingLayer::xxxxxx就可以了，跟MFC的做法是一样的。

比如，以下三个函数

//////////////////////////////////////////////////////////////////////////
bool CRossingMgr::ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent)
{
CSlidingLayer::ccTouchBegan(pTouch, pEvent);
return true;
}

//////////////////////////////////////////////////////////////////////////
void CRossingMgr::ccTouchMoved(CCTouch *pTouch, CCEvent *pEvent)
{
CSlidingLayer::ccTouchMoved(pTouch, pEvent);
}

//////////////////////////////////////////////////////////////////////////
void CRossingMgr::ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent)
{
CSlidingLayer::ccTouchEnded(pTouch, pEvent);
}

效果图如下：



是不是so easy，妈妈再也不用担心我的滑屏了~~~~