cocos2dx tableview基础：实现多图片的滑动显示

通过tableview实现滑动显示26个字母图片，点击图片执行相应的动作。

tableview 需要继承TableViewDataSource（数据源），TableViewDelegate（触屏事件处理），同时实现其虚函数。

代码如下：

头文件TableViewTest.h如下：

#ifndef __macstudycocos2dx__TableViewTest__

#define __macstudycocos2dx__TableViewTest__

#include <stdio.h>

#include "cocos2d.h"

#include "extensions/cocos-ext.h"

USING_NS_CC;

USING_NS_CC_EXT;

//void runTableViewTest();

class TableViewTest:publiccocos2d::Layer,publiccocos2d::extension::TableViewDataSource,publiccocos2d::extension::TableViewDelegate

{

public:

static cocos2d::Scene* createScene();

virtual bool init();

void toExtensionMainLayer(cocos2d::Ref *sender);

CREATE_FUNC(TableViewTest);

virtual void scrollViewDidScroll(cocos2d::extension::ScrollView* view){};

//重写滑动事件

virtual void scrollViewDidZoom(cocos2d::extension::ScrollView* view){};

//重写缩放事件

//以下重写TableViewDataSource的虚函数

virtualvoid tableCellTouched(cocos2d::extension::TableView* table,cocos2d::extension::TableViewCell* cell);

//定义单元触碰事件

virtual Size tableCellSizeForIndex(TableView *table,ssize_t idx);

//定义单元的大小

virtual TableViewCell* tableCellAtIndex(cocos2d::extension::TableView* table,ssize_t idx);

//定义单元格

virtual ssize_t numberOfCellsInTableView(cocos2d::extension::TableView* table);

//定义单元格数量

};

#endif /* defined(__macstudycocos2dx__TableViewTest__) */

TableViewTest.cpp如下：

#include "TableViewTest.h"

Scene* TableViewTest::createScene()

{

// 'scene' is an autorelease object

auto scene = Scene::create();

// 'layer' is an autorelease object

auto layer = TableViewTest::create();

// add layer as a child to scene

scene->addChild(layer);

// return the scene

return scene;

}

bool TableViewTest::init(){

if (!Layer::init()) {

return false;

}

Size winSize=Director::getInstance()->getWinSize();

TableView* tableView=TableView::create(this,Size(800,300));

tableView->setDirection(ScrollView::Direction::HORIZONTAL);

tableView->setPosition(Vec2(20,winSize.height/2-30));

tableView->setDelegate(this);

this->addChild(tableView);

tableView->reloadData();

return true;

}

void TableViewTest::tableCellTouched(cocos2d::extension::TableView* table,TableViewCell* cell){

log("cell touched at index:%ld",cell->getIdx());

}

SizeTableViewTest::tableCellSizeForIndex(cocos2d::extension::TableView* table,ssize_t idx){

return Size(300,150);

}

TableViewCell* TableViewTest::tableCellAtIndex(cocos2d::extension::TableView* table,ssize_t idx){

auto letindex=idx+1;

auto string=String::createWithFormat("let%ld.png",letindex);

TableViewCell *cell=table->cellAtIndex(idx);

if (!cell) {

cell=newTableViewCell();

cell->autorelease();

auto sprite=Sprite::create(string->getCString());

sprite->setAnchorPoint(Vec2::ZERO);

sprite->setPosition(Vec2(0,0));

cell->addChild(sprite);

auto label=Label::createWithSystemFont(string->getCString(),"arial", 30);

label->setPosition(Vec2::ZERO);

label->setAnchorPoint(Vec2::ZERO);

label->setTag(123);

cell->addChild(label);

}

else{

auto label=(Label*)cell->getChildByTag(123);

label->setString(string->getCString());

}

return cell;

}

ssize_tTableViewTest::numberOfCellsInTableView(cocos2d::extension::TableView *table){

return 26;

}

最好实现的效果如下：