cocos2d-x CCTableView、CCScrollView的使用、自定义CCTableViewCell

提示：请在appdelegate下改设计分辨率为（1136X768）如下

    pEGLView->setDesignResolutionSize(1136,
768, kResolutionShowAll);

一、头文件(MyTable.h)

#include <iostream>
#include "cocos2d.h"
#include "cocos-ext.h"

//单元格
class Cell  : public cocos2d::extension::CCTableViewCell
{
public:
static Cell *create(int idx);
void init(int idx);
//改变颜色.isNewColor是否为新的颜色
void changeColor(bool isNewColor);
//重置
void reset(int idx, int m_selected);

private:
cocos2d::CCLabelTTF *m_lbl;                 //标签
cocos2d::CCSprite *m_sprite;                //背景图片
cocos2d::ccColor3B m_oriColor, m_newColor;  //原来颜色、新颜色
};

class MyTable : public cocos2d::CCLayer, public cocos2d::extension::CCTableViewDelegate, public cocos2d::extension::CCTableViewDataSource
{
public:
virtual bool init();
CREATE_FUNC(MyTable);

//表格代理方法
virtual void tableCellTouched(cocos2d::extension::CCTableView* table, cocos2d::extension::CCTableViewCell* cell);
virtual cocos2d::extension::CCTableViewCell* tableCellAtIndex(cocos2d::extension::CCTableView *table, unsigned int idx);
virtual unsigned int numberOfCellsInTableView(cocos2d::extension::CCTableView *table);
virtual cocos2d::CCSize cellSizeForTable(cocos2d::extension::CCTableView *table);
virtual void scrollViewDidScroll(cocos2d::extension::CCScrollView* view);
virtual void scrollViewDidZoom(cocos2d::extension::CCScrollView* view);

private:
int m_selected;                         //选中的cellId
cocos2d::extension::CCTableView *m_tableView;               //tableView
};

二、MyTable.cpp源文件

#include "MyTable.h"
using namespace cocos2d;
using namespace cocos2d::extension;

#define SZ_TABLE CCSizeMake(355, 568)
#define SZ_CELL CCSizeMake(350, 100)

Cell *Cell::create(int idx)
{
Cell *cell = new Cell();
cell->init(idx);
cell->autorelease();
return cell;
}

void Cell::init(int idx)
{
m_oriColor = ccc3(0, 0, 0);
m_newColor = ccc3(255, 0, 0);

//添加背景单元格
m_sprite = CCSprite::create("button.png");
m_sprite->setPosition(ccp(SZ_TABLE.width / 2, SZ_CELL.height / 2.0));
this->addChild(m_sprite);

//添加用户名标签
CCString *str = CCString::createWithFormat("第 %d 个", idx + 1);
m_lbl=CCLabelTTF::create(str->getCString(), "Arial", 45.0);
m_lbl->setColor(m_oriColor);
m_lbl->setPosition(ccp(SZ_CELL.width / 2, SZ_CELL.height / 2.0));
this->addChild(m_lbl);
}

//改变颜色.isNewColor是否为新的颜色
void Cell::changeColor(bool isNewColor)
{
isNewColor ? m_lbl->setColor(m_newColor) : m_lbl->setColor(m_oriColor);
}

//重置
void Cell::reset(int idx, int m_selected)
{
CCString *str = CCString::createWithFormat("第 %d 个", idx + 1);
m_lbl->setString(str->getCString());
changeColor(m_selected == idx);
m_sprite->setTexture(CCTextureCache::sharedTextureCache()->addImage("button.png"));
}

bool MyTable::init()
{
if(!CCLayer::init())
{return false;}

m_selected = 0;

//添加tableView
m_tableView = CCTableView::create(this, SZ_TABLE);
m_tableView->setDirection(kCCScrollViewDirectionVertical);
m_tableView->setAnchorPoint(CCPointZero);
m_tableView->setPosition(CCPointZero);
m_tableView->setDelegate(this);
m_tableView->setVerticalFillOrder(kCCTableViewFillTopDown);
this->addChild(m_tableView);

return true;
}

//表格代理方法
void MyTable::tableCellTouched(CCTableView* table, CCTableViewCell* cell)
{
if(m_selected == cell->getIdx())
{
return;
}

//修改原来的单元格
Cell *c = dynamic_cast<Cell *>(m_tableView->cellAtIndex(m_selected));
c ? c->changeColor(false) : (void)NULL;

//修改新的单元格颜色
c = dynamic_cast<Cell *>(cell);
c->changeColor(true);

m_selected = cell->getIdx();

}

CCTableViewCell* MyTable::tableCellAtIndex(CCTableView *table, unsigned int idx)
{
Cell *cell = dynamic_cast<Cell *>(table->dequeueCell());

if(!cell)
{
cell = Cell::create(idx);
cell->changeColor(m_selected == idx);
return cell;
}

cell->reset(idx, m_selected);
return cell;
}

unsigned int MyTable::numberOfCellsInTableView(CCTableView *table)
{
return 50;
}

CCSize MyTable::cellSizeForTable(CCTableView *table)
{
return SZ_CELL;
}
void MyTable::scrollViewDidScroll(CCScrollView* view)
{

}
void MyTable::scrollViewDidZoom(CCScrollView* view)
{
printf("scrollViewDidZoom");
}

三、使用方法

// on "init" you need to initialize your instance
bool HelloWorld::init()
{
    //////////////////////////////
    // 1. super init first
    if ( !CCLayer::init() )
    {
        return false;
    }
    
    this->addChild(MyTable::create());

    return true;
}

button.png



四、改成横向方法
1、在MyTable.cpp顶部加入：

#define SZ_TABLE2 CCSizeMake(1136,
100)

2、在MyTable::init()方法中把前两行修改为

 m_tableView = CCTableView::create(this,SZ_TABLE2);
 m_tableView->setDirection(kCCScrollViewDirectionHorizontal);