控件CCScrollView与CCTableView

最新推荐文章于 2016-10-16 23:14:50 发布
最新推荐文章于 2016-10-16 23:14:50 发布
阅读量467 收藏
点赞数
分类专栏： cocos2dx 文章标签： tableview scrollview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yizhiyanstart/article/details/40117127
版权

控件CCScrollView与CCTableView在层中经常用到，当我们需要上下滑动左右滑动显示内容时，我们就会需要用到他们，不多说，下面直接通过代码讲解。

在层中用到CCScrollView时需要继承CCScrollviewDelegate，以及包含头文件“cocos-ext.h”和命名空间USING_CC_EXT;

<span style="font-size:14px;">class GalleryLayer : public cocos2d::CCLayer ,public CCScrollViewDelegate ,public cocos2d::extension::CCEditBoxDelegate
{
public:
    virtual bool init();  

    void menuCloseCallback(CCObject* pSender);

    CREATE_FUNC(GalleryLayer);

public:
	//scrollview滚动的时候会调用
	void scrollViewDidScroll(CCScrollView* view);</span>
<span style="font-size:14px;">
	//scrollview缩放的时候会调用
	void scrollViewDidZoom(CCScrollView* view);

	virtual void onEnter();<span style="white-space:pre">		</span>//周期函数
	virtual void onExit();

	virtual bool ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent);
	virtual void ccTouchMoved(CCTouch *pTouch, CCEvent *pEvent);
	virtual void ccTouchEnded(CCTouch *pTouch, CCEvent *pEvent);
	virtual void ccTouchCancelled(CCTouch *pTouch, CCEvent *pEvent);


private:
	//根据手势滑动的距离和方向滚动图层
	 void adjustScrollView(float offset);
	 CCScrollView *m_pScrollView;
	 CCPoint m_touchPoint;
	 int m_nCurPage;
};</span>


<span style="font-size:14px;">//类的实现（只是部分代码）</span>
<span style="font-size:14px;"><span style="white-space:pre">	</span>   m_pScrollView = CCScrollView::create(CCSizeMake(960, 640), pLayer);<span style="white-space:pre">	</span>//设置</span><span style="font-size: 14px; font-family: Arial, Helvetica, sans-serif;">CCScrollView占据的大小</span>
<span style="font-size:14px;">
</span><span style="font-size:14px; white-space: pre;">	</span><span style="font-size:14px;">   m_pScrollView->setContentOffset(CCPointZero);//设置起点
</span><span style="font-size:14px; white-space: pre;">	</span><span style="font-size:14px;">   m_pScrollView->setTouchEnabled(false);<span style="white-space:pre">	</span>
</span><span style="font-size:14px; white-space: pre;">	</span><span style="font-size:14px;">   m_pScrollView->setDelegate(this);  //设置代理
</span><span style="font-size:14px; white-space: pre;">	</span><span style="font-size:14px;">   m_pScrollView->setDirection(kCCScrollViewDirectionHorizontal);  //设置是横向还是纵向
</span><span style="font-size:14px; white-space: pre;">	</span><span style="font-size:14px;">   pLayer->setContentSize(CCSizeMake(960*3, 640));</span><span style="font-size:14px; white-space: pre;">			</span><span style="font-size:14px;">//设置CCScrollview层的大小


</span><span style="font-size:14px; white-space: pre;">	</span><span style="font-size:14px;">   this->addChild(m_pScrollView);
</span>
<span style="font-size:14px;">
</span>
<span style="font-size:14px;">void class_name::scrollViewDidScroll(cocos2d::extension::CCScrollView *view)
{
<span style="white-space:pre">	</span>CCLOG("scroll");
}


void class_name::scrollViewDidZoom(cocos2d::extension::CCScrollView *view)
{
<span style="white-space:pre">	</span>CCLOG("zoom");
}
</span>
<span style="font-size:14px;">
</span>
<span style="font-size:14px;">void class_name::adjustScrollView(float offset)
{
<span style="white-space:pre">	</span>CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
<span style="white-space:pre">	</span>CCPoint origin = CCDirector::sharedDirector()->getVisibleOrigin();
<span style="white-space:pre">	</span>CCSpriteFrameCache *pCache =  CCSpriteFrameCache::sharedSpriteFrameCache();
<span style="white-space:pre">	</span>CCSprite *pPoint = (CCSprite *)this->getChildByTag(m_nCurPage);
<span style="white-space:pre">	</span>pPoint->setDisplayFrame(pCache->spriteFrameByName("button_normal.png"));
<span style="white-space:pre">	</span>if (offset<0)
<span style="white-space:pre">	</span>{
<span style="white-space:pre">		</span>m_nCurPage ++;
<span style="white-space:pre">	</span>}else
<span style="white-space:pre">	</span>{
<span style="white-space:pre">		</span>m_nCurPage --;
<span style="white-space:pre">	</span>}


<span style="white-space:pre">	</span>if (m_nCurPage <1)
<span style="white-space:pre">	</span>{
<span style="white-space:pre">		</span>m_nCurPage = 1;
<span style="white-space:pre">	</span>}


<span style="white-space:pre">	</span>if(m_nCurPage > 3)
<span style="white-space:pre">	</span>{
<span style="white-space:pre">		</span>CCLayer *pLayer = ListViewLayer::create();
<span style="white-space:pre">		</span>CCScene *pScene = CCScene::create();
<span style="white-space:pre">		</span>pScene->addChild(pLayer);
<span style="white-space:pre">		</span>CCDirector::sharedDirector()->replaceScene(pScene);
<span style="white-space:pre">	</span>}
<span style="white-space:pre">	</span>else
<span style="white-space:pre">	</span>{
<span style="white-space:pre">		</span>pPoint = (CCSprite *)this->getChildByTag(m_nCurPage);
<span style="white-space:pre">		</span>pPoint->setDisplayFrame(pCache->spriteFrameByName("button_selected.png"));
<span style="white-space:pre">		</span>CCPoint  adjustPos = ccp(origin.x - visibleSize.width * (m_nCurPage-1), 0);
<span style="white-space:pre">		</span>m_pScrollView->setContentOffset(adjustPos, true);
<span style="white-space:pre">	</span>}
}
</span>
<span style="font-size:14px;">
</span>
<span style="font-size:14px;">
</span>
<span style="font-size:14px;">//CCTableView<span style="white-space:pre">			</span>//#include "cocos-ext.h"   </span>
<span style="font-size:14px;">//类继承public cocos2d::extension::CCTableViewDataSource, public cocos2d::extension::CCTableViewDelegate
</span>
<span style="font-size:14px;">
</span>
<span style="font-size:14px;"><span style="white-space:pre">	</span>//by kongming   控件cctableview
<span style="white-space:pre">	</span>void Drawroomtableview();   //画tableview


<span style="white-space:pre">	</span>virtual void scrollViewDidScroll(CCScrollView* view);


<span style="white-space:pre">	</span>virtual void scrollViewDidZoom(CCScrollView* view);


<span style="white-space:pre">	</span>//处理触摸事件
<span style="white-space:pre">	</span>virtual void tableCellTouched(CCTableView* table, CCTableViewCell* cell);
<span style="white-space:pre">	</span>//每一项的宽度和高度
<span style="white-space:pre">	</span>virtual CCSize cellSizeForTable(CCTableView *table);
<span style="white-space:pre">	</span>//生成列表每一项的内容
<span style="white-space:pre">	</span>virtual CCTableViewCell* tableCellAtIndex(CCTableView *table, unsigned int idx);
<span style="white-space:pre">	</span>//一共多少项
<span style="white-space:pre">	</span>virtual unsigned int numberOfCellsInTableView(CCTableView *table);
</span>
<span style="font-size:14px;">
</span>
//方法实现
void CLobbyMainScreen::Drawroomtableview()
{
<span style="white-space: pre;">	</span>CCSize winsize=CCDirector::sharedDirector()->getWinSize();
<span style="white-space: pre;">	</span>CCTableView* pTableView=(CCTableView *)this->getChildByTag(TAG_TABLEVIEW_ROOM);
<span style="white-space: pre;">	</span>if(pTableView==NULL)
<span style="white-space: pre;">	</span>{
<span style="white-space: pre;">		</span>pTableView = CCTableView::create(this, CCSizeMake(960, 640));//960, 640    960, 234
<span style="white-space: pre;">		</span>pTableView->setDirection(kCCScrollViewDirectionHorizontal);
<span style="white-space: pre;">		</span>pTableView->setPosition(ccp(0,115));//CCPointZero0,115
<span style="white-space: pre;">		</span>pTableView->setDelegate(this);
<span style="white-space: pre;">		</span>pTableView->setVerticalFillOrder(kCCTableViewFillTopDown);
<span style="white-space: pre;">		</span>pTableView->setViewSize(CCSizeMake(960,234));
<span style="white-space: pre;">		</span>g_mainscreen_classPtr->addChild(pTableView,1,TAG_TABLEVIEW_ROOM);
<span style="white-space: pre;">	</span>}
<span style="white-space: pre;">	</span>pTableView->reloadData();
}
void CLobbyMainScreen::tableCellTouched(CCTableView* table, CCTableViewCell* cell)
{
<span style="white-space: pre;">	</span>int i=cell->getIdx();
<span style="white-space: pre;">	</span>SelectRoomCallBack(i);
}
CCSize CLobbyMainScreen::cellSizeForTable(CCTableView *table)
{
<span style="white-space: pre;">	</span>return CCSizeMake(230,160);//230,160
}
CCTableViewCell* CLobbyMainScreen::tableCellAtIndex(CCTableView *table, unsigned int idx)
{
<span style="white-space: pre;">	</span>CCTableViewCell *pCell = table->dequeueCell();
<span style="white-space: pre;">	</span>if (!pCell) {
<span style="white-space: pre;">		</span>pCell = new CCTableViewCell();
<span style="white-space: pre;">		</span>pCell->autorelease();
<span style="white-space: pre;">		</span>//CButton *playermenuitem= CButton::create( LOBBY_MAIN_SCREEN_PLAYER_MSG_BG_PNG, LOBBY_MAIN_SCREEN_PLAYER_MSG_BG_PNG, 
<span style="white-space: pre;">			</span>//NULL, NULL,  NULL, menu_selector(CLobbyMainScreen::PlayerMsgCallBack), 0);
<span style="white-space: pre;">		</span>m_room_sprite[idx] = CCSprite::create( "gamewindow.png" );
<span style="white-space: pre;">		</span>m_room_sprite[idx]->setTag(TAG_ENTER_ROOMID+idx);
<span style="white-space: pre;">		</span>m_room_sprite[idx]->setAnchorPoint(CCPointZero);
<span style="white-space: pre;">		</span>m_room_sprite[idx]->setPosition(/*CCPointZero*/ccp(80,-70));//-360-70
<span style="white-space: pre;">		</span>pCell->addChild(m_room_sprite[idx]);
<span style="white-space: pre;">		</span>drawRoomInformation(idx);
<span style="white-space: pre;">	</span>}
<span style="white-space: pre;">	</span>else
<span style="white-space: pre;">	</span>{
<span style="white-space: pre;">		</span>drawRoomInformation(idx);
<span style="white-space: pre;">	</span>}


<span style="white-space: pre;">	</span>return pCell;
}
unsigned int CLobbyMainScreen::numberOfCellsInTableView(CCTableView *table)
{
<span style="white-space: pre;">	</span>return 3;
}
void CLobbyMainScreen::scrollViewDidScroll(CCScrollView *view)
{
}


void CLobbyMainScreen::scrollViewDidZoom(CCScrollView *view)
{
}




yizhiyanstart
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Cocos2d-x教程(23)-CCTableView使用详解
Cocos2d-x,IOS,游戏，开发/交流/学习/资源 马宗扬
03-12 8653
Cocos2d-x 2.2.2 CCTableView使用详解
cocos2d-x 2.x 版本实现一个翻页控件
au2008127104的专栏
05-07 1870
cocos2d-x 没有翻页控件，
cocos2d-x CCScrollView和CCTableView的使用
Alex Zhou的程序世界
01-08 1617
在游戏和应用中经常要实现左右滑动展示游戏帮助、以列表显示内容的UI效果，就像android中的Gallery和ListView。本文通过CCScrollView和CCTableView分别来实现这两个效果，基于cocos2d-x 2.0.4版本。 首先来简单了解一下这两个东东，CCScrollView本身是一个CCLayer，而CCTableView是CCScrollView的子类，这是引擎已经
CCTableView使用并解决乱序
9527的专栏
09-30 2110
cctableview继承于CCScrollView和CCScrollViewDelegate，用于显示等宽高的元素.并支持滚动 test中的例子抽出来如下，并作修改，官方给的例子在拖拽之后会出现乱序 class TableViewTestLayer : public cocos2d::CCLayer, public cocos2d::extension::CCTableViewDat
CCTableView用法总结
流彩飞霞的专栏
11-08 1153
近段时间，由于项目需要做一个任务列表，于是就想到了CCS
在cocos2d-x中CCTableView控件的使用方法
u011874528的专栏
07-25 914
头文件需要继承CCTableViewDataSource和CCTableViewDelegate //CCScrollViewDelegate virtual void scrollViewDidScroll(CCScrollView* view){}; virtual void scrollViewDidZoom(CCScrollView* view){}; //CCTableVie
CCTableView刷新数据后显示错乱
我的
03-24 968
CCTableView刷新数据后显示错乱         看一个论坛有人说：tableview里面有行代码有逻辑错误，会引起不少bug 诸如你的bug 还有cell多了之后会出现顺序错乱甚至不出现，改了之后应该就好了 我们看CCTableViewCell .cpp文件中的CCTableViewCell *CCTableView::dequeueCell()函数中把 [c
Cocos2d—X游戏开发之CCTableView详解（十一）（附源码）
热门推荐
wisdom605768292的专栏
07-24 1万+
CCtableView详解
C#与halcon窗体控件交互
09-15
在本文中，我们将深入探讨如何在C#编程环境中与Halcon机器视觉库进行窗体控件的交互。Halcon是德国MVTec公司推出的一款强大的机器视觉软件，它提供了丰富的图像处理函数，广泛应用于自动化、半导体、医疗等领域。C#...
labview图标控件
09-22
这个扩展包提供了与Windows Vista风格相匹配的图标控件。它可能包括各种按钮、指示器和其他UI元素，具有现代感和一致的视觉效果，使你的LabVIEW应用看起来更加专业。 2. **System Button - Transperant Red Theme ...
C#自定义控件库
01-22
1. **继承与派生**：在C#中，自定义控件通常是通过继承已有的系统控件（如Button、Label等）或UserControl类来实现的。这样可以从父类继承一些基本属性和方法，并添加新的功能。例如，你可以创建一个继承自TextBox的...
wps中excel日期控件下载
最新发布
07-26
日期控件的使用不仅限于单个单元格，还可以与其他公式、数据验证规则和VBA宏结合，实现更复杂的数据管理和自动化操作。例如，你可以设置数据验证规则，确保用户只能选择在特定范围内或满足特定条件的日期。 总的来...
Qt控件集合下载
01-09
Qt的信号与槽机制是其核心特性之一，它允许控件间进行通信，当一个控件的状态发生改变时，可以触发其他控件的动作。例如，点击按钮（信号）可以触发数据的保存（槽）。 7. **Qt的样式表（QSS）** 类似于HTML/CSS...
手游渠道接入SDK
yizhiyanstart的专栏
10-23 1681
jin'tian
游戏开发之任务系统
yizhiyanstart的专栏
10-16 1138
待续。。。
cocos2dx键盘输入----CCEditorBox
yizhiyanstart的专栏
09-11 574
在游戏当中我们需要聊天以及修改一些信息，这时候我们就需要通过
宏中#与##详解
yizhiyanstart的专栏
09-15 395
对于宏中的#
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值