Cocos2d-X 使用CCTableView创建滚动视图

From: http://www.jb51.cc/article/p-qawzrdvk-za.html

CCTableView和CCScrollView一样用于创建滚动视图，CCTableView的功能也比较多，创建比较麻烦

实例1：使用CCTableView创建滚动视图

首先创建一个TableView类

TableView.h中的代码

[cpp] view plain copy

1. #ifndef__TableView_H__
2. #define__TableView_H__
4. #include"cocos2d.h"
5. #include"cocos-ext.h"
6. USING_NS_CC;
7. USING_NS_CC_EXT;
9. classTableView:publicCCLayer,publicCCTableViewDataSource,publicCCTableViewDelegate
10. {
11. public:
12. virtualboolinit();
14. staticCCScene*scene();
16. CREATE_FUNC(TableView);
18. //创建一个数组
19. CCArray*_arr;
21. //返回格子的大小
22. virtualCCSizetableCellSizeForIndex(CCTableView*table,unsignedintidx)
23. {
24. returncellSizeForTable(table);
25. };
27. //每个格子的大小
28. virtualCCSizecellSizeForTable(CCTableView*table)
29. {
30. //返回窗口的大小
31. returnCCDirector::sharedDirector()->getWinSize();
32. }
34. //返回格子的编号
35. virtualCCTableViewCell*tableCellAtIndex(CCTableView*table,unsignedintidx)
36. {
37. return(CCTableViewCell*)_arr->objectAtIndex(idx);
38. }
40. //返回滚动的大小(格子的个数)
41. virtualunsignedintnumberOfCellsInTableView(CCTableView*table)
42. {
43. return_arr->count();
44. }
46. virtualvoidtableCellTouched(CCTableView*table,CCTableViewCell*cell)
47. {
48. CCLog("clickedcellis%d",cell->getIdx());
49. }
51. virtualvoidscrollViewDidScroll(CCScrollView*view){};
52. virtualvoidscrollViewDidZoom(CCScrollView*view){};
53. };
55. #endif//__TableView_H__

TableView.cpp中的代码

[cpp] view plain copy

1. #include"TableView.h"
3. CCScene*TableView::scene()
4. {
5. CCScene*scene=CCScene::create();
7. TableView*layer=TableView::create();
9. scene->addChild(layer);
11. returnscene;
12. }
14. boolTableView::init()
15. {
16. CCLayer::init();
18. CCSizewinSize=CCDirector::sharedDirector()->getWinSize();
19. CCPointcenter=ccp(winSize.width/2,winSize.height/2);
21. //先创建好CCTableViewCell
23. //创建一个数组
24. _arr=CCArray::create();
26. _arr->retain();
28. for(inti=0;i<5;i++)
29. {
30. CCTableViewCell*cell=newCCTableViewCell();
31. cell->autorelease();
32. _arr->addObject(cell);
34. CCSprite*sprite=CCSprite::create("HelloWorld.png");
35. cell->addChild(sprite);
36. sprite->setPosition(center);
37. }
39. //创建TableView
40. CCTableView*tableView=CCTableView::create(this,winSize);
41. addChild(tableView);
43. //设置TableView的滚动方向
44. //kCCScrollViewDirectionHorizonta表示在水平方向上滚动
45. tableView->setDirection(kCCScrollViewDirectionHorizontal);
47. //加载数据
48. tableView->reloadData();
50. tableView->setDelegate(this);
52. returntrue;
53. }

执行结果：

实例2：使用CCTableView创建一个小窗口的滚动视图(该功能常用于游戏中的选择道具)

首先创建一个TableViewSmall类

TableViewSmall.h中的代码

[cpp] view plain copy

1. #ifndef__TableViewSmall_H__
2. #define__TableViewSmall_H__
4. #include"cocos2d.h"
5. #include"cocos-ext.h"
6. USING_NS_CC;
7. USING_NS_CC_EXT;
9. classTableViewSmall:publicCCLayer,publicCCTableViewDelegate
10. {
11. public:
12. virtualboolinit();
14. staticCCScene*scene();
16. CREATE_FUNC(TableViewSmall);
18. //创建一个数组
19. CCArray*_arr;
21. //返回格子的大小
22. virtualCCSizetableCellSizeForIndex(CCTableView*table,unsignedintidx)
23. {
24. if(1==idx)
25. {
26. returnCCSizeMake(60,40);
27. }
29. returncellSizeForTable(table);
30. };
32. //每个格子的大小
33. virtualCCSizecellSizeForTable(CCTableView*table)
34. {
35. //每个格子的大小
36. returnCCSizeMake(40,40);
37. }
39. //返回格子的编号
40. virtualCCTableViewCell*tableCellAtIndex(CCTableView*table,unsignedintidx)
41. {
42. return(CCTableViewCell*)_arr->objectAtIndex(idx);
43. }
45. //返回滚动的大小(格子的个数)
46. virtualunsignedintnumberOfCellsInTableView(CCTableView*table)
47. {
48. return_arr->count();
49. }
51. virtualvoidtableCellTouched(CCTableView*table,CCTableViewCell*cell)
52. {
53. CCLog("clickedcellis%d",cell->getIdx());
54. }
56. virtualvoidscrollViewDidScroll(CCScrollView*view){};
57. virtualvoidscrollViewDidZoom(CCScrollView*view){};
58. };
60. #endif//__TableViewSmall_H__

TableViewSmall.cpp中的代码

[cpp] view plain copy

1. #include"TableViewSmall.h"
3. CCScene*TableViewSmall::scene()
4. {
5. CCScene*scene=CCScene::create();
7. TableViewSmall*layer=TableViewSmall::create();
9. scene->addChild(layer);
11. returnscene;
12. }
14. boolTableViewSmall::init()
15. {
16. CCLayer::init();
18. CCSizewinSize=CCDirector::sharedDirector()->getWinSize();
19. CCPointcenter=ccp(winSize.width/2,winSize.height/2);
21. //先创建好CCTableViewCell
23. //创建一个数组
24. _arr=CCArray::create();
26. _arr->retain();
28. for(inti=0;i<5;i++)
29. {
30. CCTableViewCell*cell=newCCTableViewCell();
31. cell->autorelease();
32. _arr->addObject(cell);
34. CCSprite*sprite=CCSprite::create("CloseNormal.png");
35. cell->addChild(sprite);
36. sprite->setPosition(ccp(20,20));
37. }
39. //创建TableView
40. CCTableView*tableView=CCTableView::create(this,CCSizeMake(40*3,40));
41. addChild(tableView);
43. //设置TableView的滚动方向
44. //kCCScrollViewDirectionHorizonta表示在水平方向上滚动
45. tableView->setDirection(kCCScrollViewDirectionHorizontal);
47. //加载数据
48. tableView->reloadData();
50. tableView->setDelegate(this);
52. tableView->setPosition(center);
54. returntrue;
55. }

执行结果：