cocos CCScrollView

最新推荐文章于 2024-08-01 14:31:03 发布

长风浩浩持戈行

最新推荐文章于 2024-08-01 14:31:03 发布

阅读量291

点赞数

分类专栏： cocos

本文链接：https://blog.csdn.net/qq_36616667/article/details/70145811

版权

cocos 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

要做个显示游戏玩法的功能，但是因为规则多，一个sprite显示不完。有几种解决办法，CCScrollView、listView，tableView。后面那两个还没研究，先试了下CCScrollView。CCScrollView也可以用来做游戏关卡选择。

#ifndef __Test_H_
#define  __Test_H_

#include "cocos2d.h"
#include "../extensions/cocos-ext.h"
USING_NS_CC;
USING_NS_CC_EXT; 

class Test:public CCLayer,public CCScrollViewDelegate  
{
public:
	virtual bool init();
	static CCScene *scene();
	CREATE_FUNC(Test);
	
	virtual void scrollViewDidScroll(CCScrollView* view);    //不知道为什么在这里必须覆写这两个虚函数，不然CREATE_FUNC会过不去
	virtual void scrollViewDidZoom(CCScrollView* view);
	
};

#endif // !__Test_H_

#include "Test.h"

CCScene *Test::scene()
{
	CCScene *scene = CCScene::create();
	Test *layer = Test::create();
	scene->addChild(layer);
	return scene;
}
bool Test::init()
{
	if (!CCLayer::init())
		return false;
	CCSize size = CCDirector::sharedDirector()->getWinSize();
	CCLog("winSize = %d", size);
	CCScrollView *scroview = CCScrollView::create();

	CCLayer *containLayer = CCLayer::create();  //创建一个新的layer来作为CCScrollView的容器
	
	CCSprite *sp = CCSprite::create("HelloWorld.png");   //
	sp->setPosition(ccp(size.width*0.5, size.height*0.5));
	
	CCSprite *sp1 = CCSprite::create("HelloWorld.png");
	sp1->setPosition(ccp(size.width*0.5, size.height*1.5));
	

	containLayer->addChild(sp);
	containLayer->addChild(sp1);
	containLayer->setContentSize(CCSizeMake(size.width, size.height));

	containLayer->setAnchorPoint(CCPointZero);
	containLayer->setPosition(CCPointZero);

	scroview->setPosition(CCPointZero);
	scroview->setContentOffset(CCPointZero);    

	containLayer->setContentSize(CCSizeMake(480 , 320 * 2));	//设置滚动区域的大小，我用两张测试，并且是垂直的
	scroview->setViewSize(CCSizeMake(480, 320));		        //设置显示区域的大小	
	scroview->setContainer(containLayer);                      //设置需要滚动的内容，把我们前面的layer放进去
	scroview->setTouchEnabled(true);                         //因为要自己实现触摸消息，所以这里设为false
	scroview->setDelegate(this);
	scroview->setBounceable(true);     //是否有弹跳效果，默认为true
	scroview->setDirection(kCCScrollViewDirectionVertical);  //设置滚动的方向，有三种可以选择

	//设置偏移量，每次显示的时候都显示最顶的一张
	auto pos = scrollview->getContentOffset();
	pos.y = MIN(0, scrollview->getViewSize().height - scrollview->getContentSize().height);
	scrollview->setContentOffset(pos);this->addChild(scroview);setTouchEnabled(false);setTouchMode(kCCTouchesOneByOne);return true;}void Test::scrollViewDidScroll(CCScrollView* view){CCLog("fssdf");}void Test::scrollViewDidZoom(CCScrollView*
 view){CCLog("fsfsfsdfsdf");}




按照上面的代码在编译的时候发现，运行出来的画面总是默认是最后一张，如果我需要显示的内容是游戏规则的话，意味着默认显示的总是规则末尾，这显然是不对的。在查找了CCScrollView中的方法之后，找到了setContentOffset(CCPointZero) 这个方法，设置偏移量。加入下面的代码：

	auto pos = scrollview->getContentOffset();
	pos.y = MIN(0, scrollview->getViewSize().height - scrollview->getContentSize().height);
	scrollview->setContentOffset(pos);

再次运行的时候，就默认显示的是最上面的图片。但是要注意的是这段代码要放在scroview->setContainer(containLayer); 这个之后，否则你的设置会在重新设置容器的时候覆盖掉。