cocos2d-x的初步学习十之CCScrollview

这篇文章中，我们简单讲下CCScrollview，顾名思义，Scrollview，滚动视图，无论在android，ios，黑莓上都有这个滚动视图。那我们来看下cocos2dx中的CCScrollview，我这个版本的cocos2dx是2.0.4版本的，貌似前几个版本都有点不一样。OK，下面我直接上代码：

在头文件中.h：

class HelloWorld : public cocos2d::CCLayer, public cocos2d::extension::CCScrollViewDelegate
{
public:
    // Method 'init' in cocos2d-x returns bool, instead of 'id' in cocos2d-iphone (an object pointer)
    virtual bool init();

    // there's no 'id' in cpp, so we recommend to return the class instance pointer
    static cocos2d::CCScene* scene();
    
    // a selector callback
    void menuCloseCallback(CCObject* pSender);

    // preprocessor macro for "static create()" constructor ( node() deprecated )
    CREATE_FUNC(HelloWorld);
    
    
public:
    
    void scrollViewDidScroll(cocos2d::extension::CCScrollView *view);
    
    void scrollViewDidZoom(cocos2d::extension::CCScrollView *view);

private:


    cocos2d::extension::CCScrollView *showScrollView;
    
    int curPage;

    
};

稍微解释下，首页继承CCScrollViewDelegate这个类，里面有两个纯虚函数，重写这两个方法，一个是滚动的，一个是缩放的，定义一个ccscrollview这样一个对象。

看下.cpp:

bool HelloWorld::init()
{
    //////////////////////////////
    // 1. super init first
    if ( !CCLayer::init() )
    {
        return false;
    }

    //获取窗口大小
    CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
    CCPoint origin = CCDirector::sharedDirector()->getVisibleOrigin();
    
    //创建一个层
    CCLayer *slayer=CCLayer::create();
    
    for (int i=1; i<5; i++) {
        //背景
        CCSprite *bgsprite = CCSprite::create("[email protected]");
        bgsprite->setPosition(ccp(visibleSize.width * (i-0.5f), visibleSize.height / 2));
        slayer->addChild(bgsprite,1);

        CCString *nameString=CCString::createWithFormat("sprite%[email protected]",i);
        
        CCSprite *sprite = CCSprite::create(nameString->getCString());
        sprite->setPosition(ccp(visibleSize.width * (i-0.5f), visibleSize.height / 2));
        slayer->addChild(sprite,1);
    
    
    }
    
       
    
    showScrollView = CCScrollView::create(CCSizeMake(visibleSize.width, visibleSize.height), slayer);
    showScrollView->setContentOffset(CCPointZero);
    //false自己写touch事件
    showScrollView->setTouchEnabled(true);
    showScrollView->setDelegate(this);

    //滚动方向
    showScrollView->setDirection(kCCScrollViewDirectionHorizontal);

    showScrollView->setBounceable(true);
  //  slayer->setContentSize(CCSizeMake(visibleSize.width*3, visibleSize.height));
    showScrollView->setContentSize(CCSizeMake(visibleSize.width*4, visibleSize.height));
    
    this->addChild(showScrollView,1);

    //创建pagecontrol
    for (int i=1; i<5; i++) {
                
        CCSprite *pageControlSprite=CCSprite::create("[email protected]");
        
        pageControlSprite->setPosition(ccp( origin.x + (visibleSize.width - 4 * pageControlSprite->getContentSize().width)/2 + pageControlSprite->getContentSize().width * (i-1), origin.y + 30));
        
        pageControlSprite->setTag(100+i);
        
        this->addChild(pageControlSprite, 1);
        
    }
    
    //默认是第一页选中
    CCSprite *selectedSrite = (CCSprite *)this->getChildByTag(101);
    
    //换贴图
    CCTexture2D *aTexture =CCTextureCache::sharedTextureCache()->addImage("[email protected]");
    
    selectedSrite->setTexture(aTexture);

    
    
    curPage=1;
    
    //触摸分发
  //  CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this, 1, false);
    
    
    return true;
}

回调函数：

void HelloWorld::scrollViewDidScroll(CCScrollView *view)
{

     CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
    
     curPage=(int)fabsf(showScrollView->getContentOffset().x/visibleSize.width)+1;
    

     for (int i=1; i<5; i++) {
        
        if (curPage==i) {
            
            
            CCSprite *selectedSrite = (CCSprite *)this->getChildByTag(100+curPage);
            
            CCTexture2D *aTexture =CCTextureCache::sharedTextureCache()->addImage("[email protected]");
            
            selectedSrite->setTexture(aTexture);
            
        }
        else
        {
        
        
            CCSprite *selectedSrite = (CCSprite *)this->getChildByTag(100+i);
            
            CCTexture2D *aTexture =CCTextureCache::sharedTextureCache()->addImage("[email protected]");
            
            selectedSrite->setTexture(aTexture);

        
        
        }
        
        
        
        
    }
    
    
    
  //  CCLOG("%d",curPage);
    
    
    


}


void HelloWorld::scrollViewDidZoom(CCScrollView *view)
{




    



}

OK，就这么简单，貌似ccscrollview没有按一页一页那样的滑动，哪个童鞋知道的可以告诉我。。。O(∩_∩)O，看效果：

~~~~~~~~