cocos2dx 3.2键盘操控的列表页的初步实现

一、实现后的目标效果 有图有真相，首先上实现了的效果。 二 、思路 由于要加载较多数据，那么为了使得界面更近流畅，我采用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 const std::string txt='StringUtils::format("%dt%d",0,j);//名称后面得重新修改' griditem item="GridItem::create();" if_null_return_false 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;
}</_itemnum>

里面都实现了什么，其实就是简单的添加了三个自定义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<:extension::tableviewcell> getCurrentCells() const;
};</:extension::tableviewcell>

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

/***************************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<:extension::tableviewcell> XTableView::getCurrentCells() const
{
	log("used cell count is %d",_cellsUsed.size());
	return this->_cellsUsed;
}</:extension::tableviewcell>

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

五、页面具体实现

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

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

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<:string> _iconImg;
		std::vector<:string> _appName;
		std::vector<:string> _appSize;
		std::vector<:string> _downNum;
		std::vector<:string> _appScore;

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

		std::vector<itemstate> _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;
};</itemstate></:string></:string></:string></:string></:string>

源文件

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 if_null_continue ssize_t itemidx="idx*_pageX+i;" if_continue>_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 if_null_continue ssize_t itemidx="idx*_pageX+i;" if_continue>_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<:layout>(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<griditem>(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 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;i<maxidx _screenstate _currentcellidx _mtable->updateCellAtIndex(_currentCellIdx);
	   break;
   case CHANGE_TYPE::RIGHT:
	   log("right");
	    _selectedItmIdx++;
	   for (unsigned int i = 0;i<maxidx _screenstate _currentcellidx _mtable->updateCellAtIndex(_currentCellIdx);
	   break;
   case CHANGE_TYPE::UP:
	   log("up");
	   _currentCellIdx --;
	   for (unsigned int i = 0;i<maxidx _screenstate _currentcellidx _mtable->updateCellAtIndex(_currentCellIdx+1);
	    _mTable->updateCellAtIndex(_currentCellIdx);
	   break;
   case CHANGE_TYPE::DOWN:
	   log("down");
	   _currentCellIdx++;
	   for (unsigned int i = 0;i<maxidx _screenstate _currentcellidx _mtable->updateCellAtIndex(_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;i<maxidx _screenstate _currentcellidx _scrolltime="getCurrentMillionTime();" _mtable->scrollToCellIndex(_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;i<maxidx _screenstate _currentcellidx _scrolltime="getCurrentMillionTime();" _mtable->scrollToCellIndex(_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(0<x_i return pos_type::type_1 if pos_type::type_2>Y_j)
		return POS_TYPE::TYPE_3;
	if(0<x_i>Y_j)
		return POS_TYPE::TYPE_4;
	if(_pageX-1==X_i&&0<y_j>Y_j)
		return POS_TYPE::TYPE_5;
	//
	if(0==X_i&&_pageY-1==Y_j)
		return POS_TYPE::TYPE_6;
	if(0<x_i return pos_type::type_7 if pos_type::type_8 pos_type::type_9 itemstate xgridview::getselecteditemstate const for e:_screenstate nullptr change_type xgridview::getchangetype pos_type postype key auto pos="(int)posType;" switch case eventkeyboard::keycode change_type::left break change_type::right change_type::up change_type::up_scroll change_type::down _celltotalnum-1 change_type::down_scroll change_type::nothing void xgridview::updatebysceenstate>reloadData();
}


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

void XGridView::handlerValueChangge(float t)
{
	for (unsigned char i=0;i<once_load_num if _firstpageupdate false _mtable->updateCellAtIndex(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;isetPosition(_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 nextpos="mPos" _pagex break default: if _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<br>

<p>
</p>
<p>
<span>http://blog.csdn.net/q229827701/article/details/40619697</span></p>
<br>


</_pagex></once_load_num></x_i></y_j></x_i></x_i></maxidx></maxidx></maxidx></maxidx></maxidx></maxidx></griditem></:layout></_pagex></_pagex>