cocos2d-x 之TableView

什么是TableView?


这个东西啊,很多游戏,结束后的排行榜,比如里面有20个内容,但是由于窗口受限,不能全部展示,所以像滚动条一样可以纵向(当然也可以横向)拉动的东东。

这个也要和ListView和PageView不一样的,

▪ 与ListView相比

ListView以前我也没用过,网上资料查到的也不多,就讲一下最大的不同吧。

ListView中的每个单元称为item,TableView的每个单元称为cell,如果分别创建20个单元,但每次只能显示5个单元。当ListView创建的时候,会直接创建20个item;而TableView只会创建5个cell,然后在队列中反复利用。这样做的优点就不用多说了吧。

▪ 与PageView相比

我认为的差别在于,我们用TableView的时候,每次滑动,并不会滑动固定的距离,就是说滑动的距离难以固定,而且往往伴随着偏移量,比如手往下一划,当你手离开时候,它还会继续往下划一点(就像有惯性一样)。

而PageView就不同了,如果你往下滑动,比如从编号1滑动到编号3的一半,它会自己判断最后定位到滑到3还是4。就像你翻书一样,不可能翻一半,要么不翻动,要么翻过去。


怎么用TableView?

1.现在要使用的场景中配置好环境,具体方法可以点击链接:开发环境的基本搭建和配置

链接中前半段不用看,后半段讲的才是3.0以后版本怎么使用,首先得添加头文件:

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

USING_NS_CC;
USING_NS_CC_EXT;
之后把添加包含路径。

还有继承类

class HelloWorld : public cocos2d::Layer,TableViewDataSource
{


2.需要重写的函数

// 当滑动tableview时触发该方法 参数为当前的tableview对象  
virtual void scrollViewDidScroll(ScrollView* view) {};  
// 当tableview被放大或缩小时触发该方法  参数为当前tableview对象  
virtual void scrollViewDidZoom(ScrollView* view) {}  
// 当cell被点击时调用该方法 参数为当前的tableview对象与被点击的cell对象  
virtual void tableCellTouched(TableView* table, TableViewCell* cell);  
// 设置tableview的Cell大小  
virtual Size tableCellSizeForIndex(TableView *table, ssize_t idx);  
// 获取编号为idx的cell  
virtual TableViewCell* tableCellAtIndex(TableView *table, ssize_t idx);  
// 设置tableview中cell的个数  
virtual ssize_t numberOfCellsInTableView(TableView *table);  


3.在init函数中建立TableView:

visibleSize = Director::getInstance()->getVisibleSize();  
  
//创建一个talbleview 将datasource设置为当前的类的对象 tableview的显示区域大小为 300 * 300  
TableView* tableView = TableView::create(this, CCSizeMake(300,300));  
//设置tableview为水平方向  ScrollView::Direction::VERTICAL 为垂直,ScrollView::Direction::HORIZONTAL 为水平  
tableView->setDirection(ScrollView::Direction::VERTICAL);  
//设置位置  
tableView->setPosition(Vec2(visibleSize.width/2,visibleSize.height/3));  
// 填充顺序  
tableView->setVerticalFillOrder(TableView::VerticalFillOrder::TOP_DOWN);  
//添加tableview到当前layer  
this->addChild(tableView);  
//加载tableview  
tableView->reloadData();  

4.定义前面需要重写的函数

Size HelloWorld::cellSizeForTable(TableView *table)
{
	return Size(300,50);
}

TableViewCell* HelloWorld::tableCellAtIndex(cocos2d::extension::TableView *table, ssize_t idx)
{
	TableViewCell * cell = table->dequeueCell();
	Label* label;

	if(cell==NULL)
	{
		cell = TableViewCell::create();
		label = Label::create();
		label->setTag(2);
		label->setSystemFontSize(20);
		cell->addChild(label);
	}
	else
	{
		label = (Label*)cell->getChildByTag(2);
	}

	label->setString(StringUtils::format("Label %d",(int)idx));

	return cell;
}

ssize_t HelloWorld::numberOfCellsInTableView(TableView *table){
	return 100;
}


你可能感兴趣的:(cocos2d-x)