cocos2d-x 2.x 版本实现一个翻页控件

最新推荐文章于 2025-08-05 09:53:48 发布

原创

最新推荐文章于 2025-08-05 09:53:48 发布 · 2k 阅读

这篇博客介绍了如何在cocos2d-x 2.x版本中创建一个翻页控件，对比了CocoStudio UI系统中的翻页控件，并提供了基于方向翻页的实现代码。

cocos2d-x 的extension没有翻页控件，唯二接近翻页功能的是CCTableView和CCScrollView，但是达不到想要的效果。所以本人自己写了一个。实现上其实就是继承了CCScrollView，在滚动完成的时候对行为作出修改，滚动到页面对应的位置才停下来。

另外，CocoStudio的UI系统里是有翻页控件的，但是不太灵敏，它的实现是滚动超过一半则滚到下一页，而本人的实现是按照方向来的。

使用的代码:

	MyPageView * pv = MyPageView::create(CCSizeMake(400,200),kCCScrollViewDirectionHorizontal,ccc4(255,0,0,128));
	pv->setPosition(ccp(visibleSize.width/2 + origin.x+200, visibleSize.height/2 + origin.y));
	CCString str;
	for (int i =1;i<=19;++i)
	{
		str.initWithFormat("%d.png",i);
		CCSprite * sp = CCSprite::create(str.getCString());
		sp->setAnchorPoint(ccp(0,0));
		pv->AddPage(sp);
	}
    this->addChild(pv);

实现的代码:

#pragma once
#include "cocos2d.h"
#include "cocos-ext.h"
#include "GUI/CCScrollView/CCScrollView.h"
USING_NS_CC;
USING_NS_CC_EXT;

//tolua_begin
class MyPageView: public CCScrollView
{
public:
	MyPageView();
    
    virtual ~MyPageView();
	

	static MyPageView* create(CCSize size,int dir,ccColor4B color =ccc4(0,0,0,255));

	bool init(CCSize size,int dir,ccColor4B color);
//tolua_end
	virtual void ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent);

public:
//tolua_begin
	//添加页，这里添加到最后
	void AddPage(CCNode * page);

	//获取页，索引从1开始
	CCNode* GetPage(int pageId);

	//获取页的数量
	int GetCount(){return m_count;}

	//设置回调函数
	//void SetPageChangeHandle(LUA_FUNCTION handler);

	//获取当前在哪一页
	int GetCurPag

标签