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

Cocos2d-x 前端之家
前端之家收集整理的这篇文章主要介绍了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. }

执行结果：

猜你在找的Cocos2d-x相关文章

创建自定义的Cocos2d-x场景
操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCE...
给vs2010安装上cocos2d-x的模版
开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，...
Python创建Cocos2d-x 2.2方法
把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-...
cocos2dx 物理碰撞
https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数 1 EventListenerPhysics...
cocos2d-js 自定义事件监听派发
转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的...
cocos常用 实用 公共函数 lua代码
公共资源加载，缓存retain；防止被自动销毁 2. 数字滚动递增；用于得奖后，总金币跳动增加...
cocos creator box2d
title Map 使用box2d var sfloors = this.tiledMap.getObjectGroup(‘Special_Floor‘).g...
（转）让quick-cocos2d-x支持加密的plist文件
前篇：quick-cocos2d-x图片资源加密 在前篇里面，我们实现了图片资源的加密，但还没有实现...
（转）quick-cocos2d-x图片资源加密(续)
摘要: 对在quick-cocos2d-x上实现的资源加密方法的补充 前篇： quick-cocos2d-x图片资源加...
Cocos Creator 动态改变sprite图片
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签