【Cocos2d-x for WP8 学习整理】（3）CCScrollView 实现捕鱼达人一样的场景选择界面

UI 界面一般是游戏里比较独立的地方，因为游戏引擎一般都比较注意基础的功能封装，很少会关注UI，但是 UI 确是玩家第一眼看到的效果，因此能否实现一个美观的UI对于提升游戏的整体美观有着很大的帮助。

幸运的是cocos2d-x意识到了这个问题，自从2.0版本之后逐步加入了几个常用控件，在这里我们详细说一下 CCScrollView 。

CCScrollView 经常被用在场景选择界面里，以《捕鱼达人》为例，几个场景各个占据一个屏幕的宽度，滑动即可切换不同的场景。

   

CCScrollView 类文件位于 cocos2d-x 目录下的 extensions\GUI\ccscrollview ，默认新项目是没有添加对它的引用的，如果项目要使用的话需要手动添加对 libExtensions 的引用，具体的方法参加上篇。

看源码可知，CCScrollView 继承自 CCLayer ，它内部维护了一个CCNode* 类型的Container,它的实现原理是将要展示的元素都添加到Container里，然后在响应触摸事件的代码里不断的修改 Container的位置，

这样便达到了滑动展示的效果。

使用方法： 

;

CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
       CCPoint origin = CCDirector::sharedDirector()->getVisibleOrigin();

CCLayer *pLayer = CCLayer::create();

] = {};
       ; i <= ; ++ i)
       {
           memset(helpstr, , , visibleSize.height / ));

pSprite->setPosition(ccp(visibleSize.width * (i-));
           pLayer->addChild(pSprite);
       }
       
       m_pScrollView = CCScrollView::create(CCSizeMake(visibleSize.width, visibleSize.height), pLayer);
       m_pScrollView->setContentOffset(CCPointZero);
       , visibleSize.height));

, , , )),, , , )),; i <= ; ++ i)
       {
           CCSprite *pPoint = CCSprite::createWithSpriteFrameName( * pPoint->getContentSize().width)/ + pPoint->getContentSize().width * (i-), origin.y + ));
           );
        pPoint->setDisplayFrame(pCache->spriteFrameByName();

)
    {
        m_nCurPage ++;
    }
    )
    {
        m_nCurPage = ;
    }
    )
    {
        m_nCurPage = ;
    }

pPoint = (CCSprite *)), );
    m_pScrollView->setContentOffset(adjustPos, ;
    ;

};

我们可以通过 setDelegate 方法传入接受响应的对象，每当滑动或者放大的时候，就会调用响应的方法。可以在接受委托的对象里实现各种效果。

示例代码下载：

http://download.csdn.net/detail/u010810951/6441983

参考文章：

http://codingnow.cn/cocos2d-x/1024.html

欢迎有兴趣的童鞋加入Cocos2d-x 开发群  qq: 264152376