Cocos2d-x里面如何实现MVC(五)

本文基于前面两篇文章，如果您还没有看过，建议先阅读下面两篇文章：

· cocos2d-x里面如何实现mvc（三）

· cocos2d-x里面如何实现mvc（四）

更新Model

    当用户从工具箱中选一个小工具，然后把它放置到game board上面去时，我们需要编码响应这些事件。在上一篇文章中，我们已经实现了GameBoardViewDelegate的touchedAtRow方法。我们还需要给这个协议再添加一个接口方法。如下所示：

class GameBoardViewDelegate{public:     virtual void touchAtGrid(GameBoard *gameBoard, int row, int column) = 0; virtual void touchWithToolBoxItemAtIndex(GameBoard *gameBoard, int index) = 0;};

    我们需要修改touch事件处理器，这样就可以判断我们到底是触摸了工具箱还是game board。

void GameBoardView::ccTouchesBegan(CCSet *pTouches, CCEvent *pEvent){     CCTouch *touch = (CCTouch*) pTouches->anyObject();     if(touch == NULL)          return;      // 置换坐标，等效如下     //CCPoint location = touch->locationInView(touch->view());     //location = CCDirector::sharedDirector()->convertToGL(location);     CCPoint point = this->convertTouchToNodeSpace(touch);      // 下面假设游戏区与工具区8:2来划分宽度     CCSize size = CCDirector::sharedDirector()->getWinSize();     CCRect *gameBoardRectangle = new CCRect(0, 0, size.width*0.8, size.height);     CCRect *toolBoxRectangle = new CCRect(size.width*0.8, 0, size.width*0.2, size.height);      if(CCRect::CCRectContainsPoint(*gameBoardRectangle, point)){          // calculate row and column touched by the user and call a delegate method           int row = 0;          int column = 0;          // ...          this->gameBoardViewDelegate->touchAtGrid(gameBoard, row, column);     } else if (CCRect::CCRectContainsPoint(*toolBoxRectangle, point)){          int index = 0;          // calculate toolbox item index based on a touch coordinate          this->gameBoardViewDelegate->touchWithToolBoxItemAtIndex(gameBoard, index);     }}

    在controller类里面处理touch事件是非常简单的，我们只需要持有一个model的引用，然后基于touch事件来调用model的方法就行了。我们的接口看起来和下面差不多，只是省略掉了一些实现细节：

class GameBoard : public CCObject{public:     // ...     GamePiece* getGamePieceFromToolBoxItemAtIndex(int index);public:     // ...     int selectedToolBoxItemIndex;};

    然后，我们在GameBoardController里面完全实现GameBoardViewDelegate的两个方法。

void GameBoardController::touchAtGrid(GameBoard *gameBoard, int row, int column){     // if the toolbox item is selected move item from toolbox to game board     if(gameBoard->selectedToolBoxItemIndex != -1){          GamePiece *gamePiece = gameBoard->getGamePieceFromToolBoxItemAtIndex(gameBoard->selectedToolBoxItemIndex);          gameBoard->putGamePiece(gamePiece, row, column);     }} void GameBoardController::touchWithToolBoxItemAtIndex(GameBoard *gameBoard, int index) {    // keep the toolbox selection state in the Model    gameBoard->selectedToolboxItemIndex = index;}

    到目前为止，我们实现了，用户可以点击工具箱中的小工具，然后把它们放置到game board中的一个小方块上面，同时model类在中间起了桥梁作用。

通知view关于model的改变

    为了在view里面反映出model的状态更改，我们可以在model有变化的时候给view发送通知消息，然后view就可以根据不同的消息来作出不同的响应了。和我们在实现view通过controller一样，这里我们也定义了一个GameBoardDelegate，用来通知view model的变化。

class GameBoardDelegate{public:     virtual void didPutGamePiece(GamePiece *gamePiece, int row, int column) = 0;}; class GameBoard : public CCObject{     // ...public:    void setGameBoardDelegate(GameBoardDelegate *aGameBoardDelegate);private:     GameBoardDelegate *gameBoardDelegate;}; void GameBoard::putGamePiece(GamePiece *gamePiece, int row, int column){     // ...        // store game piece         // notify that the game piece was put on a gameboard     this->gameBoardDelegate->didPutGamePiece(gamePiece, row, column);} void GameBoard::setGameBoardDelegate(GameBoardDelegate *aGameBoardDelegate){     this->gameBoardDelegate = aGameBoardDelegate;}

    在GameBoardView里面实现GameBoardDelegate的时候，当我们需要在game board上面放置一个小工具的时候，我们定义了一个CCSprite。

class GameBoardView :    public CCLayer, public GameBoardDelegate{     // ...}; void GameBoardView::initWithGameBoard(GameBoard *aGameBoard, GameBoardViewDelegate *aDelegate){     // ...     this->gameBoard = aGameBoard;     this->gameBoard->retain();     this->gameBoard->setGameBoardDelegate(this);     this->gameBoardViewDelegate = aDelegate;     // ...} void GameBoardView::didPutGamePiece(GamePiece *gamePiece, int row, int column){     // create CCSprite and put it on a game board at corresponding position        CCSprite *gamePieceSprite = CCSprite::spriteWithFile("CloseNormal.png");     // ...     this->addChild(gamePieceSprite, 1);}

总结

    现在框架中所有的部分都联系起来了，model、view和controller三者组成了著名的MVC模式

· View接收touch事件，然后把事件传递给controller,

· Controller 响应用户的touch事件，然后更新model

· model 更新它自身的状态, 处理游戏逻辑，然后告诉view它改变了哪些东西。

· View则基于Model当前的状态来更新自己的显示