首先引入TableView:
- #include "cocos-ext.h"
- USING_NS_CC_EXT;
- class MyTableLayer : public CCLayer ,
- public CCTableViewDataSource, public CCTableViewDelegate{
- };
需要实现的方法:
- virtual void scrollViewDidScroll(CCScrollView* in_pView);//需要继承,但是可以不实现内容
- virtual void scrollViewDidZoom(CCScrollView* in_pView);<span style="font-family: Arial, Helvetica, sans-serif;">//需要继承,但是可以不实现内容</span>
- //处理触摸事件,可以计算点击的是哪一个子项
- virtual void tableCellTouched(cocos2d::extension::CCTableView* table, cocos2d::extension::CCTableViewCell* cell);
- //每一项的宽度和高度
- virtual cocos2d::CCSize cellSizeForTable(cocos2d::extension::CCTableView *table);
- //生成列表每一项的内容
- virtual cocos2d::extension::CCTableViewCell* tableCellAtIndex(cocos2d::extension::CCTableView *table, unsigned int idx);
- //一共多少项
- virtual unsigned int numberOfCellsInTableView(cocos2d::extension::CCTableView *table);
- //按下去的时候,就是高亮显示,这里可以设置高亮状态
- virtual void tableCellHighlight(cocos2d::extension::CCTableView* table, cocos2d::extension::CCTableViewCell* cell);
- //松开的时候,取消高亮状态
- virtual void tableCellUnhighlight(cocos2d::extension::CCTableView* table, cocos2d::extension::CCTableViewCell* cell);
TableView的属性设置:
- m_pTableView = CCTableView::create(this, CCSizeMake(***, ***));//设置TableView的大小
- m_pTableView->setDirection(kCCScrollViewDirectionHorizontal);//这里根据项目需要选中了横向设置
- m_pTableView->setAnchorPoint(CCPointZero);
- m_pTableView->setPosition(ccp(***, ***));
- m_pTableView->setDelegate(this);
- m_pTableView->setVerticalFillOrder(kCCTableViewFillTopDown);//数据加载的方式选择了自上至下
- this->addChild(m_pTableView);
- m_pTableView->reloadData();
TableView的数据加载:
- CCTableViewCell* HurtSoldierItemLayer::tableCellAtIndex(CCTableView *table, unsigned int idx)
- {
- CCTableViewCell *t_pCell = table->dequeueCell();
- if (!t_pCell) {
- t_pCell = new CCTableViewCell();
- t_pCell->autorelease();
- }else{
- t_pCell->removeAllChildren();//这个地方的RemoveAllChildren很重要,一定要记得remove,不认就会导致列表下标和显示重复混乱
- }
- CCSprite* tmp_pSpSoldierCell = CCSprite::create("BG5.png");
- t_pCell->addChild(tmp_pSpSoldierCell);
- return t_pCell;
- }
高亮与取消高亮可以根据自己的项目需求来实现,他的默认实现方式是当点击列表中的图标就执行tableCellHighlight,松开点击后马上执行tableCellUnhighlight,原理就就像菜单按钮一样,按下去是一个状态,松开又恢复原来的状态。
OK,其中最值得注意的地方是tableCellAtIndex方法中加载cell是时候一定要记得remove已存在下标的Cell,不然加载会出现覆盖导致顺利混乱有误,网上有个博客针对这个问题给出了一个杀鸡取卵的解决方案,就是去CCTableView::dequeueCell()方法中将if (m_pCellsFreed->count()
== 0)修改成if(1),注意会导致每次dequeueCell都会new出新的Cell,加载数量一多,必定挂掉。