cocos2d-x中CCTableView介紹

在這篇文章中，咱們將講下CCTableView，顧名思義，CCTableView表試圖，在ios裏是tableview，android裏是listview，都是差很少的意思，在cocos2dx中CCTableView繼承自CCScrollview。OK，下面咱們直接上代碼：

在頭文件.h中：

 

 1 class HelloWorld : public cocos2d::CCLayer,public cocos2d::extension::CCTableViewDelegate,cocos2d::extension::CCTableViewDataSource  2 {  3 public:  4     // Method 'init' in cocos2d-x returns bool, instead of 'id' in cocos2d-iphone (an object pointer)
 5     virtual bool init();  6 
 7     // there's no 'id' in cpp, so we recommend to return the class instance pointer
 8     static cocos2d::CCScene* scene();  9     
10     // a selector callback
11     void menuCloseCallback(CCObject* pSender); 12 
13     // preprocessor macro for "static create()" constructor ( node() deprecated )
14  CREATE_FUNC(HelloWorld); 15     
16     
17     
18 public: 19     
20     //CCTableViewDelegate繼承自CCScrollViewDelegate
21     virtual void scrollViewDidScroll(cocos2d::extension::CCScrollView* view); 22     
23     virtual void scrollViewDidZoom(cocos2d::extension::CCScrollView* view); 24     
25     //點擊哪一個cell
26     virtual void tableCellTouched(cocos2d::extension::CCTableView* table, cocos2d::extension::CCTableViewCell* cell); 27     //每一個cell的size
28     virtual cocos2d::CCSize cellSizeForTable(cocos2d::extension::CCTableView *table); 29     //生成cell
30     virtual cocos2d::extension::CCTableViewCell* tableCellAtIndex(cocos2d::extension::CCTableView *table, unsigned int idx); 31     //cell的數量
32     virtual unsigned int numberOfCellsInTableView(cocos2d::extension::CCTableView *table); 33     
34     //按下去的時候，就是高亮顯示，這裏能夠設置高亮狀態
35     virtual void tableCellHighlight(cocos2d::extension::CCTableView* table, cocos2d::extension::CCTableViewCell* cell); 36     
37     //鬆開的時候，取消高亮狀態
38     virtual void tableCellUnhighlight(cocos2d::extension::CCTableView* table, cocos2d::extension::CCTableViewCell* cell); 39 
40     
41     
42     void scrollBar(cocos2d::extension::CCTableView* table); 43     
44     
45 };

.cpp中：

 1 bool HelloWorld::init()  2 {  3     //////////////////////////////  4     // 1. super init first
 5     if ( !CCLayer::init() )  6  {  7         return false;  8  }  9     
10     
11     CCSize visibSize=CCDirector::sharedDirector()->getVisibleSize(); 12     
13     CCTableView *tableView=CCTableView::create(this, CCSizeMake(visibSize.width, visibSize.height)); 14     
15     tableView->setDirection(kCCScrollViewDirectionVertical); 16     
17     tableView->setPosition(CCPointZero); 18 
19    // tableView->setAnchorPoint(ccp(0, 0));
20     tableView->setDelegate(this); 21     
22     tableView->setVerticalFillOrder(kCCTableViewFillTopDown); 23     
24     this->addChild(tableView,1); 25     
26     tableView->reloadData(); 27     
28     
29     return true; 30 }

回調函數：

 1 unsigned int HelloWorld::numberOfCellsInTableView(CCTableView *table)  2 {  3 
 4     return 10;  5     
 6 
 7 }  8 
 9 CCTableViewCell* HelloWorld::tableCellAtIndex(CCTableView *table, unsigned int idx)  10 {  11 
 12     CCLOG("%d",idx);  13     CCString *nameString=CCString::createWithFormat("icon_%d.png",idx+1);  14 
 15     CCTableViewCell *cell = table->dequeueCell();  16     
 17     if (!cell) {  18         
 19         cell = new CCTableViewCell();  20         
 21         cell->autorelease();  22         CCSprite *bgSprite = CCSprite::create("cell.png");  23         bgSprite->setAnchorPoint(CCPointZero);  24         bgSprite->setPosition(CCPointZero);  25         bgSprite->setTag(789);  26         cell->addChild(bgSprite);  27         
 28         
 29         CCSprite *iconSprite = CCSprite::create(nameString->getCString());  30         iconSprite->setScale(0.6);  31         iconSprite->setAnchorPoint(CCPointZero);  32         iconSprite->setPosition(ccp(25, 10));  33         iconSprite->setTag(123);  34         cell->addChild(iconSprite);  35         
 36         
 37         CCLabelTTF *pLabel = CCLabelTTF::create(nameString->getCString(), "Arial", 30.0);  38         pLabel->setPosition(ccp(200, 10));  39         pLabel->setTag(456);  40         pLabel->setAnchorPoint(CCPointZero);  41         cell->addChild(pLabel);  42  }  43     else
 44  {  45         
 46         //建立了就不須要再從新建立了，否則你會發現圖片跟文字都不對
 47         CCTexture2D *aTexture=CCTextureCache::sharedTextureCache()->addImage(nameString->getCString());  48         
 49         CCSprite *pSprite=(CCSprite *)cell->getChildByTag(123);  50         
 51         pSprite->setTexture(aTexture);  52         
 53     
 54         CCLabelTTF *pLabel = (CCLabelTTF*)cell->getChildByTag(456);  55         pLabel->setString(nameString->getCString());  56     
 57     
 58         
 59        // this->scrollBar(table);
 60     
 61  }  62     
 63     
 64     return cell;  65 
 66 
 67 }  68 
 69 
 70 CCSize HelloWorld::cellSizeForTable(CCTableView *table)  71 {  72     
 73     
 74     CCSize visibSize=CCDirector::sharedDirector()->getVisibleSize();  75 
 76     return CCSizeMake(visibSize.width, 84);  77     
 78     
 79 }  80 
 81 void HelloWorld::tableCellHighlight(CCTableView *table, CCTableViewCell *cell)  82 {  83 
 84     CCLOG("wwww");  85 
 86     CCTexture2D *aTexture=CCTextureCache::sharedTextureCache()->addImage("cell_selected.png");  87     
 88     CCSprite *pSprite=(CCSprite *)cell->getChildByTag(789);  89     
 90     pSprite->setTexture(aTexture);  91 
 92 
 93 }  94 
 95 void HelloWorld::tableCellUnhighlight(CCTableView *table, CCTableViewCell *cell)  96 {  97 
 98 
 99     CCLOG("dddd"); 100     
101 
102     CCTexture2D *aTexture=CCTextureCache::sharedTextureCache()->addImage("cell.png"); 103     
104     CCSprite *pSprite=(CCSprite *)cell->getChildByTag(789); 105     
106     pSprite->setTexture(aTexture); 107 
108 
109 
110 } 111 
112 
113 void HelloWorld::tableCellTouched(CCTableView *table, CCTableViewCell *cell) 114 { 115 
116 
117     CCLog("cell touched at index: %i", cell->getIdx()); 118 
119 
120 }

OK，咱們看下效果圖：

 

一個未選擇狀態，一個選中狀態，注意，tableCellHighlight，tableCellUnhighlight，tableCellTouched的執行前後順序爲tableCellHighlight->tableCellUnhighlight->tableCellTouched。OK，就這麼簡單，貌似cctableview沒有自帶的滾動條，可能須要本身來實現，但願之後的版本中直接加入滾動條，這樣會更方便～～～

 

原文連接：http://blog.csdn.net/kuloveyouwei/article/details/9099361