本来很早就想写关于CCTableView的文章,但是在基本功能实现之后呢,项目需求增加导致对这个控件的研究必须更加深入一点.
好的,现在开始介绍一下这个控件,在Cocos2d—X引擎中,这是一个仿制iOS里面的NSTableView的一个控件。
S1,使用这个控件需要首先引入扩展库文件
#include "cocos-ext.h"
S2,然后使类继承CCTableView的2个代理,
class ServerPrizeList :public CCLayer,public CCTableViewDataSource,public CCTableViewDelegate
首先看下 dataSource ,这个里面的方法将是我们使用的主要方法:
class CCTableViewDataSource
{
public:
virtual ~CCTableViewDataSource() {} /**
* cell size for a given index
* 每个单元格的尺寸,可以根据idx来个性化定制单元格的尺寸
* @param idx the index of a cell to get a size
* @return size of a cell at given index
*/
virtual CCSize tableCellSizeForIndex(CCTableView *table, unsigned int idx) {
return cellSizeForTable(table);
};
/**
* cell height for a given table.
* 一般使用这个方法,定制单元格尺寸,不可以根据idx来定制
* @param table table to hold the instances of Class
* @return cell size
*/
virtual CCSize cellSizeForTable(CCTableView *table) {
return CCSizeZero;
};
/**
* a cell instance at a given index
* 这个方法使数据源的主要方法,初始化数据在这个方法里面
* @param idx index to search for a cell
* @return cell found at idx
*/
virtual CCTableViewCell* tableCellAtIndex(CCTableView *table, unsigned int idx) = 0;
/**
* Returns number of cells in a given table view.
* 返回tableView的单元格数量
* @return number of cells
*/
virtual unsigned int numberOfCellsInTableView(CCTableView *table) = 0; };
然后,看下CCTableViewDelegate的方法:
class CCTableViewDelegate : public CCScrollViewDelegate
{
public:
/**
* Delegate to respond touch event
* 实现点击单元格的触摸事件响应,使主要使用方法
* @param table table contains the given cell
* @param cell cell that is touched
*/
virtual void tableCellTouched(CCTableView* table, CCTableViewCell* cell) = 0; /**
* Delegate to respond a table cell press event.
* 设置单元格高亮的状态
* @param table table contains the given cell
* @param cell cell that is pressed
*/
virtual void tableCellHighlight(CCTableView* table, CCTableViewCell* cell){}; /**
* Delegate to respond a table cell release event
* 设置单元格非高亮的状态
* @param table table contains the given cell
* @param cell cell that is pressed
*/
virtual void tableCellUnhighlight(CCTableView* table, CCTableViewCell* cell){}; /**
* Delegate called when the cell is about to be recycled. Immediately
* after this call the cell will be removed from the scene graph and
* recycled.
* 循环使用某个单元格
* @param table table contains the given cell
* @param cell cell that is pressed
*/
virtual void tableCellWillRecycle(CCTableView* table, CCTableViewCell* cell){}; };
当然,还要实现2个方法:
//因为cctableview继承自ccscrollview,所以要实现这两个方法,但是什么都不做
virtual void scrollViewDidScroll(CCScrollView* view);
virtual void scrollViewDidZoom(CCScrollView* view);
好的,一般继承下面的几个方法就足以解决问题:
virtual void tableCellTouched(CCTableView* table, CCTableViewCell* cell);
virtual CCSize cellSizeForTable(CCTableView *table);
virtual CCTableViewCell* tableCellAtIndex(CCTableView *table, unsigned int idx);
virtual unsigned int numberOfCellsInTableView(CCTableView *table);
S3,然后让我们在。cpp文件里面实现这些代理方法。实现的方法大部分略过,主要使讲下
CCTableViewCell* ServerPrizeList::tableCellAtIndex(cocos2d::extension::CCTableView *table, unsigned int idx)
按照官方网站的示例和其他文章的例子,在单元格中实现每个单元格的文字的多样化完全可行。
大家可以看到中间的文字是OK的,但是两边的问题就有了,左边是图片不能实现异样化,右边是兑换的idx获取不正确。
现在解决了兑换的idx的问题,开始是使用添加单元格的时候,把这个按钮的tag设置为单元格的idx。
但是问题是,idx在这个按钮里面是混乱且无序的。不能正确获取单元格的idx。
CCMenuItemImage *itemImage = CCMenuItemImage::create("22.png", "22.png", this, menu_selector(ServerPrizeList::menuItemCall2)); //tag默认为-1,通过这个方法得到的tag,就是idx是无序的
if (itemImage->getTag() == -1) {
itemImage->setTag(idx);
}
itemImage->setPosition(ccp(tableCellSize.width*0.75, tableCellSize.height/2)); CCMenu *menu = CCMenu::create(itemImage,NULL);
menu->setPosition(CCPointZero);
pCell->addChild(menu, 1);
后来,看到
tableCellTouched(cocos2d::extension::CCTableView *table, cocos2d::extension::CCTableViewCell *cell)
突然有了灵感,可以获取按钮的父类的父类,就是Cell来获取点击的idx,哈哈,问题终于解决了。
CCTableViewCell *cell = (CCTableViewCell*)(((CCMenuItemImage*)pSender)->getParent()->getParent());
//getIdx()这个方法可以获取点击单元格的数组下标
CCLog("idx: %d",cell->getIdx());
现在,还有左边的问题要解决,如有大神看到,欢迎赐教啊。
2013-07-24 18:03:26.122 问题已经解决,贴图如下: