游戏项目中对CCTableView的使用

游戏项目中对CCTableView的使用

首先引入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，加载数量一多，必定挂掉。