cocos2dx3.2键盘操控的列表页的初步实现

来源：懂视网责编：小采时间：2020-11-09 07:56:37

cocos2dx3.2键盘操控的列表页的初步实现

cocos2dx3.2键盘操控的列表页的初步实现:一、实现后的目标效果有图有真相，首先上实现了的效果。二、思路由于要加载较多数据，那么为了使得界面更近流畅，我采用TableView，其中他的Cell是可以复用的。创建10000个也是秒秒钟的事情。那么使用上下排列的TableView，每个cell自定义三个It

推荐度：

点击下载本文 文档为doc格式

导读cocos2dx3.2键盘操控的列表页的初步实现:一、实现后的目标效果有图有真相，首先上实现了的效果。二、思路由于要加载较多数据，那么为了使得界面更近流畅，我采用TableView，其中他的Cell是可以复用的。创建10000个也是秒秒钟的事情。那么使用上下排列的TableView，每个cell自定义三个It

一、实现后的目标效果有图有真相，首先上实现了的效果。二、思路由于要加载较多数据，那么为了使得界面更近流畅，我采用TableView，其中他的Cell是可以复用的。创建10000个也是秒秒钟的事情。那么使用上下排列的TableView，每个cell自定义三个Item即可

一、实现后的目标效果

有图有真相，首先上实现了的效果。

二、思路

由于要加载较多数据，那么为了使得界面更近流畅，我采用TableView，其中他的Cell是可以复用的。创建10000个也是秒秒钟的事情。

那么使用上下排列的TableView，每个cell自定义三个Item即可，当然也可以N个，可以自己写好接口。

由于我们想使得tableView可以滚动到指定的cell位置，也就是一格一格滚动，那么我们最好自定义一个tableView继承于系统的tableView.

三、实现步骤

如果你对于TableView不太熟悉，建议先看官方Testcpp例子.

如果你比较熟悉，那么我就不废话，继续往下讲了。

我们先来自定义一个TableViewcell。也就是自定义一行的内容。我相信这个非常简单。

四、准备工作

我们先来自定义一个TableViewcell。也就是自定义一行的内容。我相信这个非常简单。

cell头文件

class XTableViewCell : public cocos2d::extension::TableViewCell
{
public:
	XTableViewCell();
	virtual ~XTableViewCell();
	CREATE_FUNC(XTableViewCell);
	/************************************************************************/
	/* update item by data */
	/************************************************************************/
	bool updateItemData(const unsigned int tag,
	const std::string icon,
	const std::string name,
	const std::string size,
	const std::string downnum,
	const std::string score);
	bool setItemSelected(const unsigned int tag,bool isSeleted);
CC_CONSTRUCTOR_ACCESS:
	bool init();
	//bool init
	bool initLayout();
	void update(float t);
private:
	cocos2d::Size _cellSize; //the size of cell
	unsigned char _itemNum; // the number of item
};

cell .源文件

/////////////////////////////////////////////////////////////////////////////////////////////

/***************************CustomTableViewCell Class**************************************/

////////////////////////////////////////////////////////////////////////////////////////////


XTableViewCell::XTableViewCell():_itemNum(3),_cellSize(Size(1920,275))
{

}

XTableViewCell::~XTableViewCell()
{

}

bool XTableViewCell::init()
{
	IF_NULL_RETURN_FALSE(Node::init());
	IF_NULL_RETURN_FALSE(initLayout());
	//scheduleUpdate();
	//resumeSchedulerAndActions();
	return true;
}

bool XTableViewCell::initLayout()
{
	auto lout = ui::Layout::create();
	IF_NULL_RETURN_FALSE(lout);
	lout->setLayoutType(ui::Layout::Type::ABSOLUTE);
	lout->setTouchEnabled(true);
	lout->setLoopFocus(false);
	lout->setPassFocusToChild(true);
	lout->setContentSize(Size(_cellSize.width,200.0f));
	this->addChild(lout);
	lout->setTag(100);
	lout->setAnchorPoint(Vec2::ANCHOR_BOTTOM_LEFT);
	lout->setPosition(Vec2(0,75));
	for(int j =0;j<_itemNum;j++)
	{	
	const std::string txt = StringUtils::format("%dt%d",0,j);//名称后面得重新修改
	GridItem* item = GridItem::create();
	IF_NULL_RETURN_FALSE(item);
	item->setPosition(Vec2(j*600+90,0));
	item->setName(txt);
	lout->addChild(item,1,j);
	}
	return true;
}

void XTableViewCell::update( float t )
{
	log("XTableViewCell::update");
}

bool XTableViewCell::updateItemData( const unsigned int tag,
	 const std::string icon,
	 const std::string name,
	 const std::string size,
	 const std::string downnum,
	 const std::string score )
{
	auto lout = this->getChildByTag(100);
	IF_NULL_RETURN_FALSE(lout);
	auto item = (GridItem*)lout->getChildByTag(tag);
	IF_NULL_RETURN_FALSE(item);
	if(""!=icon)
	{
	item->updateIcon(icon);
	}
	if(""!=name)
	{
	item->updateName(name);
	}
	if(""!=size)
	{
	item->updateSize(size);
	}
	if(""!=downnum)
	{
	item->updateDownNum(downnum);
	}
	if(""!=score)
	{
	item->updateScore(score);
	}
	return true;
}

bool XTableViewCell::setItemSelected( const unsigned int tag,bool isSeleted )
{
	auto lout = this->getChildByTag(100);
	IF_NULL_RETURN_FALSE(lout);
	auto item = (GridItem*)lout->getChildByTag(tag);
	IF_NULL_RETURN_FALSE(item);
	item->setSelected(isSeleted);
	return true;
}

里面都实现了什么，其实就是简单的添加了三个自定义Item.

然后，我们自定义一个TableView实现了两个方法。

一个是去实现滚动到指定cell的方法。

另外一个是我使用触摸的时候需要获得当前使用的cell去判断哪个Item位置位于触摸位置。

我们这里只讲键盘的。那么你可能就用不到这个函数了。

代码如下：

class XTableView : public cocos2d::extension::TableView
{
public:
	/**
	* @brief scroll to the Designated cell
	* @param index --- the idx of Designated cell
	**/
	void scrollToCellIndex(ssize_t index);
	/***************************************************
	* @decripition if you need Analyzing touch item ,
	* maby you will use this function to get used cell 
	****************************************************/
	cocos2d::Vector getCurrentCells() const;
};

/////////////////////////////////////////////////////////////////////////////////////////////

/***************************XTableView Class**************************************/

////////////////////////////////////////////////////////////////////////////////////////////
void XTableView::scrollToCellIndex( ssize_t index )
{
	this->getContainer()->stopAllActions();
	Vec2 offset = _offsetFromIndex(index)*-1;
	Vec2 maxOffSet = this->maxContainerOffset();
	Vec2 minOffSet = this->minContainerOffset();
	float offX = MIN(offset.x,maxOffSet.x);
	offX = MAX(offX,minOffSet.x);
	float offY = MIN(offset.y,maxOffSet.y);
	offY = MAX(offY,minOffSet.y);
	this->setContentOffset(Vec2(offX,offY),true);
}

cocos2d::Vector XTableView::getCurrentCells() const
{
	log("used cell count is %d",_cellsUsed.size());
	return this->_cellsUsed;
}

好了，那么接下来的重点是列表页的实现。

五、页面具体实现

由于篇幅受限，代码内容比较多，相信大家自己分析就能理解，那么先就不废话了，先上代码吧。不懂的或者有好的建议希望可以留言讨论。

头文件。(注：具体数据录入，我自己的已删除，需要的可以添加自己的数据，现在展示的基本只是一个界面)

enum class POS_TYPE
{
	TYPE_0,// right, down and scroll up
	TYPE_1,//left,right, down and scroll up
	TYPE_2,//left, down and scroll up
	TYPE_3,// right,up,down
	TYPE_4,//left,right,up,down
	TYPE_5,//left, up,down
	TYPE_6,// right,up, and scroll down
	TYPE_7,//left,right,up, and scroll down
	TYPE_8,//left, up, and scroll down
	TYPE_9 // can do nothing
};
enum class CHANGE_TYPE
{
	LEFT,
	RIGHT,
	UP,
	DOWN,
	UP_SCROLL,
	DOWN_SCROLL,
	NOTHING
};
typedef struct 
{
	//item idx ,and start from value 0 to _pageX
	unsigned char idx;
	//cell idx
	unsigned int cellIdx;
	// selected state
	bool isSelected;
	/*****************************************
	* pos in screen like a matrix,such as 
	*	(0,0),(1,0),(2,0)
	*	(0,1),(1,1),(2,1)
	*	(0,2),(1,2),(2,2)
	*****************************************/
	unsigned char posX;
	unsigned char posY;

	POS_TYPE posType;

}itemState;
class XGridView :public cocos2d::Layer, public cocos2d::extension::TableViewDataSource, public cocos2d::extension::TableViewDelegate
{
	public:

	CREATE_FUNC(XGridView);
	/***
	*@brief create a GridView
	*@
	***/
	virtual void scrollViewDidScroll(cocos2d::extension::ScrollView* view);
	virtual void scrollViewDidZoom(cocos2d::extension::ScrollView* view);
	virtual void tableCellTouched(cocos2d::extension::TableView* table, cocos2d::extension::TableViewCell* cell);
	virtual cocos2d::Size tableCellSizeForIndex(cocos2d::extension::TableView *table, ssize_t idx);
	virtual cocos2d::extension::TableViewCell* tableCellAtIndex(cocos2d::extension::TableView *table, ssize_t idx);
	virtual ssize_t numberOfCellsInTableView(cocos2d::extension::TableView *table);

CC_CONSTRUCTOR_ACCESS:
	XGridView();
	virtual ~XGridView();
	virtual bool init();

	virtual bool initWithDatas(ssize_t cellTotalNum,const cocos2d::Size tableSize);
	virtual bool initMoveFoucus();
	virtual bool initTable();
	virtual bool initProgressBar();
	virtual bool initKeyListen();
	virtual void initStateMatrix();
	virtual void keyHandler(cocos2d::EventKeyboard::KeyCode key);

	virtual bool onTouchBegan(cocos2d::Touch *touch, cocos2d::Event *unused_event); 
	virtual void onTouchMoved(cocos2d::Touch *touch, cocos2d::Event *unused_event); 
	virtual void onTouchEnded(cocos2d::Touch *touch, cocos2d::Event *unused_event); 
	virtual void onTouchCancelled(cocos2d::Touch *touch, cocos2d::Event *unused_event);
	virtual void listenItemTouch(cocos2d::Touch *touch, cocos2d::Event *unused_event);
	void updateBySceenState();
	virtual void isItemTouched(cocos2d::Node* item,const cocos2d::Vec2 point);
	virtual void deCodeByJson();

	void update(float t);
	virtual void onEnterTransitionDidFinish();
	
	//some model function
	
	bool isSelectedByIdx(ssize_t mIdx) const;
	void updateSceenStateByKey(cocos2d::EventKeyboard::KeyCode key);
	POS_TYPE getPosTypeByXY(unsigned int X_i,unsigned int Y_j);
	itemState* getSelectedItemState() const;
	CHANGE_TYPE getChangeType(POS_TYPE posType,cocos2d::EventKeyboard::KeyCode key);
	void updateMoveFoucs(cocos2d::EventKeyboard::KeyCode key,POS_TYPE pos);
	void loadPageNumData(unsigned int cellIndx);
	void keyListenDelay(float t);
 void updateDalay(float t);
	void onExit() override;
	// update cell at idx
	void updateCellAtIdx(ssize_t idx);
	// update Item At idx
	void updateItemAtIdx(ssize_t idx);
	
	private:
	XTableView* _mTable;
	cocos2d::Sprite* _progressBar;
	ssize_t _cellTotalNum;
	cocos2d::Size _tableSize;
	ssize_t _pageX;
	ssize_t _pageY;
	std::vector _iconImg;
	std::vector _appName;
	std::vector _appSize;
	std::vector _downNum;
	std::vector _appScore;

	//the state of screen,true means selected and false means unselected

	std::vector _screenState;

	//the cell of selected idx
	ssize_t _currentCellIdx;
	//item idx which in cell
	unsigned char _selectedItmIdx;
	bool _isdecoded;
	unsigned int _itemTotalNum;
	std::atomic_bool _firstPageUpdate[9];
	cocos2d::Vec2 _pos[9];
	cocos2d::Sprite* _moveFoucus;

	bool _keyContrl;
	long _scrollTime;
	bool _updateCell;
};

源文件

USING_NS_CC;
USING_NS_CC_EXT;

char* dataIndex[]=
{
	"allnum",
	"appico", //APP ICO Image
	"apptitle", //APP Name
	"downnum", //APP Down times
	"score" , //APP Score
	"appSize" //APP size
};

XGridView::XGridView():_mTable(nullptr),_progressBar(nullptr),
	_cellTotalNum(100),_tableSize(Size(1920.0f,960.0f)),_moveFoucus(nullptr),
	_pageX(3),_pageY(3),_gridId(0),_isdecoded(false),_keyContrl(true),_currentCellIdx(0),
	_selectedItmIdx(0),_itemTotalNum(300),_loadNum(0),_scrollTime(0L),_updateCell(true)
{
	
}



XGridView::~XGridView()
{
	CC_SAFE_RELEASE(_mTable);
	CC_SAFE_RELEASE(_progressBar);

}


bool XGridView::init()
{
	IF_RETURN_FALSE(!initWithDatas(_cellTotalNum,_tableSize));
	return true;
}

bool XGridView::initWithDatas(ssize_t cellTotalNum,const Size tableSize )
{
	IF_NULL_RETURN_FALSE(Layer::init());
	setData(_json);
	_cellTotalNum = cellTotalNum;
	_tableSize = tableSize;
	IF_NULL_RETURN_FALSE(initKeyListen());
	IF_NULL_RETURN_FALSE(initMoveFoucus());
	IF_NULL_RETURN_FALSE(initTable());
	IF_NULL_RETURN_FALSE(initProgressBar());
	initStateMatrix();
	deCodeJsonById();
	return true;
}



void XGridView::tableCellTouched(TableView* table,TableViewCell* cell )
{
	 log("cell touched at index: %ld", cell->getIdx());
	 auto lout = (ui::Layout*)cell->getChildByTag(100);
	 IF_RETURN(!lout);
	 for(auto &item : lout->getChildren())
	 {
	 if(!item)
	 continue;
	 else
	 {
	 if(item==lout->getCurrentFocusedWidget(true))
	 {
	 ((GridItem*)item)->setSelected(true);
	 //_selectedIdx =	cell->getIdx()*_pageX+item->getTag();
	 }
	 else
	 {
	 ((GridItem*)item)->setSelected(false);
	 }
	 }
	 }
}

Size XGridView::tableCellSizeForIndex(TableView *table, ssize_t idx )
{

	return Size(_tableSize.width, _tableSize.height/_pageY);
}

TableViewCell* XGridView::tableCellAtIndex(TableView *table, ssize_t idx )
{
	auto string = String::createWithFormat("%ld", idx);

	TableViewCell *cell = table->dequeueCell();
	if (!cell) {
	cell = XTableViewCell::create();

	IF_RETURN_P(!cell,nullptr);
	cell->autorelease();
	return cell;
	for(unsigned char i=0;i<_pageX;i++)
	{	
	IF_NULL_CONTINUE(_isdecoded);
	ssize_t itemIdx = idx*_pageX+i;
	IF_CONTINUE(itemIdx>_iconImg.size()-1||itemIdx>_appName.size()-1);
	((XTableViewCell*)cell)->updateItemData(i,_iconImg.at(itemIdx),_appName.at(itemIdx),"5.03M","","7.6");
	((XTableViewCell*)cell)->setItemSelected(i,idx==_currentCellIdx&&i==_selectedItmIdx);
	}

	auto label = Label::createWithSystemFont(string->getCString(), "Helvetica", 40.0);
	IF_NULL_RETURN_P(label,cell);
	label->setPosition(Vec2::ZERO);
	label->setAnchorPoint(Vec2::ZERO);
	label->setTag(123);
	cell->addChild(label);
	}
	else
	{

	auto _cellChild = cell->getChildByTag(100);
	for(unsigned char i=0;i<_pageX;i++)
	{	
	IF_NULL_CONTINUE(_isdecoded);
	ssize_t itemIdx = idx*_pageX+i;
	IF_CONTINUE(itemIdx>_iconImg.size()-1||itemIdx>_appName.size()-1);
	((XTableViewCell*)cell)->updateItemData(i,_iconImg.at(itemIdx),_appName.at(itemIdx),"5.03M","","7.6");
	((XTableViewCell*)cell)->setItemSelected(i,idx==_currentCellIdx&&i==_selectedItmIdx);
	}
	auto label = (Label*)cell->getChildByTag(123);
	IF_RETURN_P(!label,cell);
	label->setString(string->getCString());
	}
	

	return cell;
}

ssize_t XGridView::numberOfCellsInTableView(TableView *table )
{
	 return _cellTotalNum;
}
bool XGridView::initTable()
{
	_mTable = (XTableView*)TableView::create(this,_tableSize);
	IF_RETURN_FALSE(!_mTable);
	_mTable->setDirection(ScrollView::Direction::VERTICAL);
	_mTable->setDelegate(this);
	this->addChild(_mTable);
	_mTable->setVerticalFillOrder(TableView::VerticalFillOrder::TOP_DOWN);
	_mTable->reloadData();

	return true;
}

void XGridView::scrollViewDidScroll( cocos2d::extension::ScrollView* view )
{
	Vec2 pos = view->getContentOffset();
	Vec2 _pos = view->getContentSize()-view->getViewSize();
	float percent = -(pos.y/_pos.y);
	
	// log("scroll percent is : %f", percent);
	
	 IF_NULL_RETURN(_progressBar);
	 _progressBar->setPositionY(960/2-600/2
	 +_progressBar->getScaleY()*_progressBar->getContentSize().height
	 +600*percent*(1-_progressBar->getScaleY()));
}

void XGridView::scrollViewDidZoom( cocos2d::extension::ScrollView* view )
{

}
bool XGridView::onTouchBegan( Touch *touch, Event *unused_event )
{
	return true;
}

void XGridView::onTouchMoved( Touch *touch, Event *unused_event )
{

}

void XGridView::onTouchEnded( Touch *touch, Event *unused_event )
{
	listenItemTouch(touch,unused_event);
}

void XGridView::onTouchCancelled( Touch *touch, Event *unused_event )
{

}

void XGridView::listenItemTouch( Touch *touch, Event *unused_event )
{	

	auto touchPoint = touch->getLocationInView();
	touchPoint = Director::getInstance()->convertToGL(touchPoint); 
	
 for(auto &e:_mTable->getCurrentCells())
	{
	IF_NULL_CONTINUE(e);
	log("cell[%d]",e->getIdx());
	auto lout = e->getChildByTag(100);
	IF_NULL_CONTINUE(lout);
	if(dynamic_cast(lout))
	{
	for (auto item:((ui::Layout*)lout)->getChildren())
	{
	isItemTouched(item,touchPoint);
	}
	}
	}
}
void XGridView::isItemTouched( cocos2d::Node* item,const cocos2d::Vec2 point )
{
	IF_RETURN(!item);
	auto gItem = dynamic_cast(item);
	IF_RETURN(!gItem);
	auto acP = gItem->getAnchorPoint();//item锚点
	auto itemPos = gItem->getPosition();//item相对父容器的pos
	itemPos = gItem->getParent()->convertToWorldSpaceAR(itemPos);//相对于世界的位置
	auto itemSize = gItem->getContentSize();
	auto itemRect = Rect(itemPos.x,itemPos.y,itemSize.width,itemSize.height);
	if(itemRect.containsPoint(point))
	{
	gItem->setSelected(true);
	//_selectedIdx = gItem->getIdx();
	//log("_selectedIdx=%d",_selectedIdx);
	}
	else
	{
	gItem->setSelected(false);
	}
}




bool XGridView::initProgressBar()
{
	auto barBg = Sprite::create("grid/progress_bg.png");
	IF_NULL_RETURN_FALSE(barBg);
	barBg->setAnchorPoint(Vec2::ANCHOR_BOTTOM_LEFT);
	barBg->setPosition(90+600+600+500+80,960/2-600/2);
	addChild(barBg);
	_progressBar = Sprite::create("grid/progress_pre.png");
	IF_NULL_RETURN_FALSE(_progressBar);
	_progressBar->setAnchorPoint(Vec2::ANCHOR_TOP_LEFT);

	addChild(_progressBar);
	float scaleY = 1;
	if(_cellTotalNum>_pageY)
	{
	//float s = _pageY/_cellTotalNum;
	scaleY = MAX(_pageY/(_cellTotalNum*1.0f),0.02f);
	}
	
	_progressBar->setScaleY(scaleY);
	_progressBar->setPosition(90+600+600+500+80,960/2-600/2
	+_progressBar->getScaleY()*_progressBar->getContentSize().height
	+600*1*(1-_progressBar->getScaleY()));
	return true;
}

bool XGridView::initKeyListen()
{
	auto listener = EventListenerKeyboard::create();
	IF_NULL_RETURN_FALSE(listener);
	listener->onKeyReleased = [=](EventKeyboard::KeyCode key,Event* event){
	keyHandler(key);
	};
	this->getEventDispatcher()->addEventListenerWithSceneGraphPriority(listener,this);
	return true;
}

void XGridView::keyHandler(EventKeyboard::KeyCode key )
{
	updateSceenStateByKey(key);
	updateBySceenState();
}

void XGridView::initStateMatrix()
{
	IF_NOEMPTY_CLEAR(_screenState);
	for (unsigned int i = 0; i < _pageY; i++)
	{
	
	for(unsigned int j = 0;j < _pageX; j++)
	{
	itemState state;
	state.idx = j;
	state.cellIdx = i;
	state.isSelected = state.idx==_selectedItmIdx&&state.cellIdx == _currentCellIdx;
	state.posX = j;
	state.posY = i;
	state.posType = getPosTypeByXY(j,i);
	_screenState.push_back(state);
	}
	}
}

bool XGridView::isSelectedByIdx( ssize_t mIdx ) const
{
	for(auto e:_screenState)
	{
	if(mIdx==e.idx&&true==e.isSelected)
	return true;
	}
	return false;
}

void XGridView::updateSceenStateByKey( EventKeyboard::KeyCode key )
{
	auto state = getSelectedItemState();
	if(!state)
	{
	//do something init screenState
	//...
	return;
	}
	POS_TYPE p = state->posType;
 auto change_Type = getChangeType(p,key);
 updateMoveFoucs(key,p);
 auto maxIdx = _screenState.size();
 switch (change_Type)
 {
 case CHANGE_TYPE::LEFT:
	 log("left");
	 _selectedItmIdx--;
	 for (unsigned int i = 0;iupdateCellAtIndex(_currentCellIdx);
	 break;
 case CHANGE_TYPE::RIGHT:
	 log("right");
	 _selectedItmIdx++;
	 for (unsigned int i = 0;iupdateCellAtIndex(_currentCellIdx);
	 break;
 case CHANGE_TYPE::UP:
	 log("up");
	 _currentCellIdx --;
	 for (unsigned int i = 0;iupdateCellAtIndex(_currentCellIdx+1);
	 _mTable->updateCellAtIndex(_currentCellIdx);
	 break;
 case CHANGE_TYPE::DOWN:
	 log("down");
	 _currentCellIdx++;
	 for (unsigned int i = 0;iupdateCellAtIndex(_currentCellIdx-1);
	 _mTable->updateCellAtIndex(_currentCellIdx);
	 break;
 case CHANGE_TYPE::UP_SCROLL:
	 if (!_keyContrl)
	 {
	 return;
	 }
	 if(_keyContrl)
	 {
	 _keyContrl = false;
	 scheduleOnce(schedule_selector(XGridView::keyListenDelay), 0.05f);

	 }
	 log("up_scroll");
	 _currentCellIdx--;
	 
	 for (unsigned int i = 0;iscrollToCellIndex(_currentCellIdx+2);
	 _mTable->updateCellAtIndex(_currentCellIdx+2);
	 _mTable->updateCellAtIndex(_currentCellIdx+1);
	_mTable->updateCellAtIndex(_currentCellIdx);
	 return;
 case CHANGE_TYPE::DOWN_SCROLL:
	 if (!_keyContrl)
	 {
	 return;
	 }
	 if(_keyContrl)
	 {
	 _keyContrl = false;
	 scheduleOnce(schedule_selector(XGridView::keyListenDelay), 0.05f);

	 }
	 log("down_scroll");
	 _currentCellIdx ++;
	 
	 for (unsigned int i = 0;iscrollToCellIndex(_currentCellIdx);
	_mTable->updateCellAtIndex(_currentCellIdx-2);
	_mTable->updateCellAtIndex(_currentCellIdx-1);
	_mTable->updateCellAtIndex(_currentCellIdx);
	 return;
 case CHANGE_TYPE::NOTHING:
	 log("nothing");
	 return;
 default:
	 log("default");
	 return;
 }
 //_mTable->reloadData();
}

POS_TYPE XGridView::getPosTypeByXY( unsigned int X_i,unsigned int Y_j )
{

	//
	if(0==X_i&&0==Y_j)
	return POS_TYPE::TYPE_0;
	if(0Y_j)
	return POS_TYPE::TYPE_3;
	if(0Y_j)
	return POS_TYPE::TYPE_4;
	if(_pageX-1==X_i&&0Y_j)
	return POS_TYPE::TYPE_5;
	//
	if(0==X_i&&_pageY-1==Y_j)
	return POS_TYPE::TYPE_6;
	if(0reloadData();
}


void XGridView::deCodeJsonById()
{
	
 // do some thing to initialize data
 //...
	_isdecoded = true;
}

void XGridView::handlerValueChangge(float t)
{
	for (unsigned char i=0;iupdateCellAtIndex(i/_pageX);
	}
	
	}
}

void XGridView::update( float t )
{
	Layer::update(t);
	
}

void XGridView::onEnterTransitionDidFinish()
{
	Layer::onEnterTransitionDidFinish();
	scheduleUpdate();
	schedule(schedule_selector(XGridView::updateDalay),0.2f);
}

bool XGridView::initMoveFoucus()
{
	_moveFoucus = Sprite::create("grid/focus.png");
	IF_NULL_RETURN_FALSE(_moveFoucus);
	addChild(_moveFoucus);
	_moveFoucus->setAnchorPoint(Vec2::ANCHOR_BOTTOM_LEFT);
	//_moveFoucus->setPosition(500,500);
	for (unsigned char i=0;i<9;i++)
	{
	_pos[i] = Vec2(90-10-5+i%3*600,1080-172-200-10-i/3*320);
	}
	_moveFoucus->setPosition(_pos[0]);
	return true;
}

void XGridView::updateMoveFoucs( EventKeyboard::KeyCode key,POS_TYPE pos )
{
	int mPos = (int)pos;
	float time = 0.1f;
	int nextPos = -1;
	switch (key)
	{
	case EventKeyboard::KeyCode(KEY_LEFT):
	if (mPos%_pageX)
	{
	nextPos = mPos - 1;
	}
	break;
	case EventKeyboard::KeyCode(KEY_RIGHT):
	if ((mPos+1)%_pageX)
	{
	nextPos = mPos + 1;
	}
	break;
	case EventKeyboard::KeyCode(KEY_UP):
	if (mPos>_pageX-1)
	{
	nextPos = mPos - _pageX;
	}
	break;
	case EventKeyboard::KeyCode(KEY_DOWN):
	if (mPos<_pageX*(_pageY-1))
	{
	nextPos = mPos + _pageX;
	}
	break;
	default:
	break;
	}
	if(-1!=nextPos)
	{
	_moveFoucus->stopAllActions();
	_moveFoucus->runAction(MoveTo::create(time,_pos[nextPos]));
	}
}

void XGridView::loadPageNumData(unsigned int cellIndx)
{
	
 //load data of cell 
}

void XGridView::keyListenDelay( float t )
{
	_keyContrl = true;
}

void XGridView::updateDalay( float t )
{
	if(getCurrentMillionTime()-_scrollTime>500)
	{
	loadPageNumData(_currentCellIdx);
	}
}

void XGridView::onExit()
{
	NotificationCenter::getInstance()->removeAllObservers(this);
	this->unscheduleAllSelectors();
	Layer::onExit();
}

void XGridView::updateCellAtIdx( ssize_t idx )
{
	for (unsigned int i = idx*_pageX;i<(idx+1)*_pageX && i<_itemTotalNum;i++)
	{
	updateItemAtIdx(i);
	}

}

void XGridView::updateItemAtIdx( ssize_t idx )
{
	//update data of item 
}

http://blog.csdn.net/q229827701/article/details/40619697