【Cocos2d-X】TableView的使用

在Cocos2d-x使用TableView的过程如下：

• 首先用一个类继承CCTableViewDelegate（代理）和CCTableViewDataSource（数据源）；
• 然后实现里面的有关tableView操作和内容的四个抽象方法；
• 最后就可以在场景类中通过CCTableView来使用这个类，CCTableView会分别设置代理对象和数据源对象

示例：
TableView.h

#ifndef _TABELVIEW_H_
#define _TABLEVIEW_H_

#include "cocos2d.h"
#include "cocos-ext.h"
using namespace cocos2d;

class TableView : public cocos2d::extension::CCTableViewDelegate,
	public cocos2d::extension::CCTableViewDataSource{

public:
	//================
	//需实现的方法
	//================
	//处理触摸事件
	virtual void tableCellTouched(cocos2d::extension::CCTableView* table, 
	cocos2d::extension::CCTableViewCell* cell);
	//每一项的宽度和高度
	virtual cocos2d::CCSize cellSizeForTable(cocos2d::extension::CCTableView *table);
	//生成列表每一项的内容
unsigned int idx);
	//一共多少项
	virtual unsigned int numberOfCellsInTableView(cocos2d::extension::CCTableView *table);

	//================
	//可忽略的方法
	//================
	//继承自scrollView所需要的方法，可以空函数体忽略
	virtual void scrollViewDidScroll(cocos2d::extension::CCScrollView* view){}
	virtual void scrollViewDidZoom(cocos2d::extension::CCScrollView* view){}

};

#endif

TableView.cpp

#include "TableView.h"

//每个单元格选项的大小
CCSize TableView::cellSizeForTable(extension::CCTableView *table){
	return CCSizeMake(480, 320);
}

//单个选项的显示
extension::CCTableViewCell* TableView::tableCellAtIndex(extension::CCTableView *table, unsigned int idx){

	extension::CCTableViewCell *cell = table->dequeueCell();
	if (!cell) {
		// the sprite
		cell = new extension::CCTableViewCell();
		cell->autorelease();
		CCSprite *sprite = CCSprite::create("HelloWorld.png");
		sprite->setAnchorPoint(ccp(0, 0));
		sprite->setPosition(ccp(0, 30));
		cell->addChild(sprite);
	}
	return cell;

}

//选项个数
unsigned int TableView::numberOfCellsInTableView(extension::CCTableView *table){
	return 5;
}

//点击单元格选项的响应事件
void TableView::tableCellTouched(extension::CCTableView* table, extension::CCTableViewCell* cell){

	char s[20];
	sprintf(s, "the cell is %d", cell->getIdx());
	CCMessageBox(s, "对话框");

}

在HelloWorld::init方法里的使用TableView的部分代码：

//创建一个自己的TableView
TableView* tv = new TableView();				
//此处的tv绑定的是数据源
cocos2d::extension::CCTableView *tableView = 
cocos2d::extension::CCTableView::create(tv, CCSizeMake(480, 320));				
//横向排列	
tableView->setDirection(cocos2d::extension::kCCScrollViewDirectionHorizontal);	
//放在屏幕中央
tableView->setPosition(ccp(visibleSize.width / 2 - 240, visibleSize.height / 2 - 160));	
//此处的tv是代理
tableView->setDelegate(tv);
tableView->setVerticalFillOrder(cocos2d::extension::kCCTableViewFillTopDown);
this->addChild(tableView);
tableView->reloadData();

效果图：

点击某一图片后：