cocos2d-x CCLayer滑动效果和自定义剪切区域功能实现_CCScroeView

关羽CCLayer的滑动和剪切功能，已经在cocos2dx中实现，CCScrowView是按照IOS的控件自实现的功能，鄙人由于在用的时候，cocos2d-x版本比较早，没有类似的功能，所以大致自己写了个，凑合用，效果好不错，废话不多说上代码：

 

欢迎大家加入我的cocos2d-x交流群：166693678

 

#ifndef MYSCROWLAYER_H#define MYSCROWLAYER_H#include <iostream>#include <vector>#include "cocos2d.h"#include "MyScissorLayer.h"#include "MyScrowLayer.h"using namespace std;using namespace cocos2d;class GameLayer;class MyScrowLayer : public MyScissorLayer{public:MyScrowLayer();virtual ~MyScrowLayer();virtual bool init();virtual void visit();CREATE_FUNC(MyScrowLayer);public:virtual void registerWithTouchDispatcher();virtual bool ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent);virtual void ccTouchMoved(CCTouch *pTouch, CCEvent *pEvent);virtual void ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent);void endSlid(float t);void updatePosTouchEnd(float t);void initMenu();void slidDir(int dir,float lg);void touchMenu(CCObject *pSender);private:CCNode *m_uiNode;bool m_nodeMoved;CCPoint m_curPos;CCPoint m_lastPos;CCMenu *m_menu;long m_curTime;float m_lastPosY;float m_curEndSpeed;vector<CCMenuItemSprite*> m_spriteItems;};#endif

 

 

#include "MyScrowLayer.h"#include <iostream>#include <vector>using namespace std;MyScrowLayer::MyScrowLayer():m_uiNode(NULL),m_nodeMoved(false),m_menu(NULL),m_curTime(0),m_lastPosY(0),m_curEndSpeed(0){}MyScrowLayer::~MyScrowLayer(){}bool MyScrowLayer::init(){CCSize size = CCDirector::sharedDirector()->getWinSize();m_uiNode = CCNode::create();this->addChild(m_uiNode,1);m_uiNode->setPosition(CCPointZero);CCLayerColor *ly = CCLayerColor::create(ccc4(200,100,100,100),640,960);this->addChild(ly,-1);ly->setAnchorPoint(CCPointZero);ly->setPosition(ccp(0,0));setTouchEnabled(true);CCMenu *m_menu = CCMenu::create();m_uiNode->addChild(m_menu);m_menu->setPosition(CCPointZero);for (int i=0;i!=10;++i){CCSprite *spNml = CCSprite::create("gomap0.png");CCSprite *spSel = CCSprite::create("gomap1.png");CCMenuItemSprite *itemSp = CCMenuItemSprite::create(spNml,spSel,this,menu_selector(MyScrowLayer::touchMenu));m_menu->addChild(itemSp);itemSp->setPosition(ccp(320,50+100*i));m_spriteItems.push_back(itemSp);}return true;}void MyScrowLayer::visit(){MyScissorLayer::visit();}void MyScrowLayer::registerWithTouchDispatcher(){CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this, -129, false);}bool MyScrowLayer::ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent){CCPoint touchePos = pTouch->getLocation();if (!m_rect.containsPoint(touchePos)){return false;}m_nodeMoved = false;CCPoint pos = pTouch->getLocation();m_curPos = pos;m_lastPos = pos;m_curTime = time(NULL);m_lastPosY = m_uiNode->getPositionY();unschedule(schedule_selector(MyScrowLayer::updatePosTouchEnd));unschedule(schedule_selector(MyScrowLayer::endSlid));return true;}void MyScrowLayer::ccTouchMoved(CCTouch *pTouch, CCEvent *pEvent){CCSize size = CCSize(640,960);m_curPos = pTouch->getLocation();if ((m_curPos - m_lastPos).getLength() < 12){return ;}else{m_nodeMoved = true;float xMove = m_curPos.y - m_lastPos.y;slidDir(0,xMove);//float posY = m_uiNode->getPositionY() ;//if (posY < -3 * size.height) //-160 )//{//m_uiNode->setPositionY( -3 * size.height);// -160 );//return;//}//else if (posY > m_rect.origin.y)//{//m_uiNode->setPositionY(m_rect.origin.y);//return;//}//m_uiNode->setPositionY(posY);m_lastPos = m_curPos;}}void MyScrowLayer::ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent){if (!m_nodeMoved){return;}long curTime = time(NULL);float curPosY= m_uiNode->getPositionY();if (curTime == m_curTime){if (curPosY - m_lastPosY > 0){m_curEndSpeed = 700;}else if (curPosY - m_lastPosY < 0){m_curEndSpeed = -700;}else{return;}}else{m_curEndSpeed = (curPosY - m_lastPosY)/(curTime - m_curTime);m_curEndSpeed *= 1.30f;}if (fabs(m_curEndSpeed) > 80){schedule(schedule_selector(MyScrowLayer::updatePosTouchEnd));scheduleOnce(schedule_selector(MyScrowLayer::endSlid),0.5f);}}void MyScrowLayer::updatePosTouchEnd(float t){m_curEndSpeed = m_curEndSpeed ;float xMove = m_curEndSpeed * t;slidDir(0,xMove);}void MyScrowLayer::endSlid(float t){unschedule(schedule_selector(MyScrowLayer::updatePosTouchEnd));}void MyScrowLayer::initMenu(){}void MyScrowLayer::slidDir(int dir,float lg){CCSize size = CCDirector::sharedDirector()->getWinSize();float posY = m_uiNode->getPositionY() +lg;if (posY < -3 * size.height) //-160 ){m_uiNode->setPositionY( -3 * size.height);// -160 );return;}else if (posY > m_rect.origin.y){m_uiNode->setPositionY(m_rect.origin.y);return;}m_uiNode->setPositionY(posY);}void MyScrowLayer::touchMenu(CCObject *pSender){if (m_nodeMoved){return;}}

 

#ifndef MYSCISSORLAYER_H#define MYSCISSORLAYER_H#include "cocos2d.h"using namespace cocos2d;class MyScissorLayer : public CCLayer{public:MyScissorLayer();~MyScissorLayer();virtual bool init();virtual void visit();CREATE_FUNC(MyScissorLayer);void setScissorRect(const CCRect& rect);protected:bool m_touchOnLayer;CCNode *m_scrowRootNode;CCRect m_rect;};#endif

 

#include "MyScissorLayer.h"MyScissorLayer::MyScissorLayer():m_touchOnLayer(false){this->setTouchEnabled(true);}MyScissorLayer::~MyScissorLayer(){}bool MyScissorLayer::init(){return true;}void MyScissorLayer::visit(){glEnable(GL_SCISSOR_TEST);CCLayer::visit();CCPoint pos = m_rect.origin + this->getPosition(); //**世界坐标的左下角**//CCSize size = m_rect.size;                                           //**剪切区域的大小**//CCEGLView::sharedOpenGLView()->setScissorInPoints(pos.x, pos.y, size.width, size.height);glDisable(GL_SCISSOR_TEST);  }void MyScissorLayer::setScissorRect(const CCRect& rect){CCLayerColor *ly = CCLayerColor::create(ccc4(10,10,10,100),rect.size.width,rect.size.height);this->addChild(ly,10);ly->setPosition(rect.origin);m_rect = rect;}

 使用的时候，自定义剪切区域

MyScrowLayer *ly = MyScrowLayer::create();CCScene *pScene = CCScene::create();pScene->addChild(ly);ly->setScissorRect(CCRectMake(100,100,440,760));