CocosUI之TableView

TableView（更好用的滑动窗口）

基本应用

TableView* tableView =
TableView::create(sou, Size(49*5,47)); addChild(tableView);

创建TableView的参数1是一个TableViewDataSource的对象，参数2则是显示窗口的大小。

同样，也有一堆属性设置：

tableView->setDirection(ScrollView::Direction::HORIZONTAL);
tableView->reloadData();
tableView->setPosition(winSize.width/ 2, winSize.height / 2);

注意的是：这个reloadData很重要，每逢信息变更想要显示，必须reload一下

TableViewDataSource：

1. 这个类是一个纯虚类

2. 必须重载2纯虚函数：tableCellAtIndex（回调函数）和numberOfCellInTableView（返回拥有的cell数目），当然还有2个可重载函数。这些虚函数本质上是设置函数，其return的值就是我们要动态设置的值。

3. 这样来理解：TableViewDataSource相当于ScrollView中的node，TableViewCell则相当于node中的精灵（其实Cell是存放精灵的），这个类将ScrollView进行了更良好的封装以便用。

4. Cell的大小

定义这个数据封装类：

class
MyTableViewDataSouce : public
TableViewDataSource
{
public:
Vector<TableViewCell*> _cells; //用Vector来做存放TableViewCell的容器
// Size winSize =Director::getInstance()->getWinSize();
Size itemSize =
Size(49, 47); //这个size是tableCell的大小
MyTableViewDataSouce()
{
for (int i = 0; i < 11;i++)
{
TableViewCell* cell =
TableViewCell::create();cell中不能直接放入图片，只是一个继承自Node的类，必须add精灵
_cells.pushBack(cell);
Sprite* sprite =
Sprite::create("Images/r1.png");
cell->addChild(sprite);

sprite->setPosition(itemSize.width/ 2, itemSize.height / 2);
}
}
/*这个函数设置cell的大小，参数1是调用这个函数的TableView，参数2是一个序号即cell的序号 */
非必须重载virtual
SizetableCellSizeForIndex(TableView *table,
ssize_t idx) {
#if 0
if (idx == 3)
{
return Size(itemSize.width* 2, itemSize.height);
}
#endif
return cellSizeForTable(table);
};
非必须重载virtual
Size cellSizeForTable(TableView *table) {
// return winSize;
return itemSize;
}
/* 返回idx指定的那个Cell */
必须重载virtual
TableViewCell* tableCellAtIndex(TableView *table,
ssize_t idx)
{
return _cells.at(idx);
}
/*返回有几个cells*/
必须重载virtual
ssize_tnumberOfCellsInTableView(TableView *table)
{
return _cells.size();
}
};

使用：考虑不愿意delete，只能用局部变量

MyTableViewDataSouce _source;

MyTableViewDataSouce* sou =&_source;

然后将这个对象放入TableView就可以了。

总结：TableView就是对ScrollView封装，将数据维护交给了TableViewDataSource，同样的我们也可以在其中做触摸处理，这一点和ScrollView是一样的。

但很重要的一点是：TableViewDataSource中的虚函数其实都是设置函数，如这一段函数用处是当idx为3时设置2倍宽度的Cell（注意是Cell，不是Cell中的精灵，但是通常我们把Cell和精灵设为一样大的）

virtual
SizetableCellSizeForIndex(TableView *table,
ssize_t idx)

{
if (idx == 3)
{
return Size(itemSize.width* 2, itemSize.height);
}
return cellSizeForTable(table);
}

添加触摸

TableView的触摸是通过TableViewDelegate做到的

1. 创建某个继承自TableViewDelegate类的类，或者让调用这个TableView的类（通常是Layer子类）继承这个类，第二种方式更易于做些操作。

2. 重载回调纯虚函数tableCellTouched：两个参数，一个是被点的table一个是被点的cell

virtual
void tableCellTouched(TableView*
table, TableViewCell*
cell)
{ //这个回调完成删除被点击的Cell
int idx =
cell->getIdx();

_source._cells.eraseObject(cell);
table->reloadData();//每次做出数据变更总应该reload一下
CCLOG("idx=%d", idx);
}

3. 为需要的TableView添加代理对象（即继承的这个类对象）

tableView->setDelegate(this);

ScrollView也有代理，但是这个代理只有2个虚函数

TableViewDelegate 继承自ScrollViewDelegate

这个代理的其他虚函数可见源码