前几篇写的滚动文字,跟CCScrollView比起来,弱爆了。用CCScrollView来实现滚动页面,不仅简单,而且功能强大。下面简单说下其实现原理。
CCScrollView操作对象是m_pContainer这个节点,当m_pContainer的contentsize比CCScrollVie
w的m_tView大时,就出现只能显示一部分内容了。m_pContainer是一个CCNode,顾其可以容纳所有已CCNode为基类的节点,比如CCLabelTTF,CCSprite等等。CCScrollView只管m_pContainer,对于其里面放了什么东西是不在乎的。
而m_pContainer这个容器一般放什么里,不妨抽象为一个list,list下面有N个item,item里面可以添加文字,图像,动画等等。
可见把CCScrollView学好,可以把之前很多复杂的事情简单化。
下面贴出代码,希望对大家有所帮助:
头文件:
HelloWorldScene.h
#ifndef __HELLOWORLD_SCENE_H__
#define __HELLOWORLD_SCENE_H__
#include "cocos2d.h"
#include "cocos-ext.h"
using namespace cocos2d;
using namespace extension;
class HelloWorld
: public cocos2d::CCLayer
,public CCScrollViewDelegate
{
public:
virtual bool init();
static cocos2d::CCScene* scene();
CREATE_FUNC(HelloWorld);
virtual void scrollViewDidScroll(CCScrollView* view);
virtual void scrollViewDidZoom(CCScrollView* view);
};
#endif
实现文件:
HelloWorldScene.cpp
#include "HelloWorldScene.h"
CCScene* HelloWorld::scene()
{
CCScene *scene = CCScene::create();
HelloWorld *layer = HelloWorld::create();
scene->addChild(layer);
return scene;
}
bool HelloWorld::init()
{
if ( !CCLayer::init() )
{
return false;
}
CCSize size = CCDirector::sharedDirector()->getWinSize();
CCLayer * containLayer = CCLayer::create();
int nCurHeight = 0;
for (int i = 0; i < 50; i++)
{
char str[10] = {0};
sprintf(str, "%d%c%c%c", i,rand()%26+'a',rand()%26+'a',rand()%26+'a');
CCLabelTTF * pLabel = CCLabelTTF::create(str,"",rand()%20+12);
pLabel->setPositionY(nCurHeight);
pLabel->setAnchorPoint(ccp(0,0));
pLabel->setColor(ccc3(rand()%256,rand()%256,rand()%256));
nCurHeight += pLabel->getContentSize().height+2;
containLayer->addChild(pLabel);
}
CCSprite *sp2 =CCSprite::create("Default.png");
sp2->setPositionY(nCurHeight);
sp2->setAnchorPoint(ccp(0,0));
nCurHeight += sp2->getContentSize().height+2;
containLayer->addChild(sp2);
containLayer->setContentSize(CCSizeMake(size.width, nCurHeight ));
CCScrollView * scrollView = CCScrollView::create(CCSizeMake(size.width*2, size.height));
addChild(scrollView);
scrollView->setPosition(ccp(size.width/2,0));
scrollView->setDelegate(this);
scrollView->setViewSize(CCSizeMake(size.width, size.height/2));
scrollView->setContainer(containLayer);
scrollView->setDirection(kCCScrollViewDirectionVertical);
scrollView->setTouchEnabled(true);
scrollView->updateInset();
return true;
}
void HelloWorld::scrollViewDidScroll(CCScrollView* view)
{
if( view->isDragging())
{
CCLOG("ScrollView移动");
}
}
void HelloWorld::scrollViewDidZoom(CCScrollView* view)
{
CCLOG("ScrollView缩放");
}