CCScrollView滚动视图可以让游戏有效果,并能够通过滚动视图切换游戏场景,滚动视图通常用来选择在游戏中的级别

实例1:使用CCScrollView创建一个简单的滚动视图

首先创建一个ScrollView类

然后在ScrollView.h中加入以下的代码

  1. #ifndef __ScrollView_H__
  2. #define __ScrollView_H__
  3.  
  4. #include "cocos2d.h"
  5. #include "cocos-ext.h"
  6. USING_NS_CC;
  7. USING_NS_CC_EXT;
  8.  
  9. class ScrollView : public CCLayer
  10. {
  11. public:
  12. virtual bool init();
  13.  
  14. static CCScene* scene();
  15.  
  16. CREATE_FUNC(ScrollView);
  17.  
  18. //响应触摸事件
  19. bool ccTouchBegan(CCTouch* touch, CCEvent*);
  20. void ccTouchEnded(CCTouch* touch, CCEvent*);
  21.  
  22. CCNode* _contaner;
  23. };
  24.  
  25. #endif // __ScrollView_H__

在ScrollView.cpp中加入以下的代码

  1. #include "ScrollView.h"
  2.  
  3. CCScene* ScrollView::scene()
  4. {
  5. CCScene *scene = CCScene::create();
  6.  
  7. ScrollView *layer = ScrollView::create();
  8.  
  9. scene->addChild(layer);
  10.  
  11. return scene;
  12. }
  13.  
  14. bool ScrollView::init()
  15. {
  16. CCLayer::init();
  17.  
  18. CCSize winSize = CCDirector::sharedDirector()->getWinSize();
  19.  
  20. CCPoint center = ccp(winSize.width / 2, winSize.height / 2);
  21.  
  22. //创建一个结点
  23. CCNode* c = CCNode::create();
  24.  
  25. //创建5个紧挨着的精灵
  26. for(int i = 0; i < 5; i++)
  27. {
  28. CCSprite* sprite = CCSprite::create("HelloWorld.png");
  29. c->addChild(sprite);
  30.  
  31. //设置图片的位置,每两张图片相差一张图片的宽度
  32. sprite->setPosition(ccpAdd(center, ccp(i*winSize.width, 0)));
  33. }
  34.  
  35. //滚动视图
  36. //第一个參数:显示的视图大小
  37. //第二个參数:视图的实际大小
  38. CCScrollView* view = CCScrollView::create(winSize, c);
  39. addChild(view);
  40.  
  41. //设置视图运动的方向为水平运动
  42. view->setDirection( kCCScrollViewDirectionHorizontal);
  43.  
  44. //设置视图的宽度和高度
  45. view->setContentSize(CCSize(winSize.width * 5, winSize.height * 5));
  46.  
  47. return true;
  48. }

运行结果

实例2:CCScrollView的高级应用

不会出现两张图片的相交位置在窗体中(当切换完毕图片后总会在窗体上显示一张完整的图片)

在ScrollView.cpp中加入以下的代码

  1. #include "ScrollView.h"
  2.  
  3. CCScene* ScrollView::scene()
  4. {
  5. CCScene *scene = CCScene::create();
  6.  
  7. ScrollView *layer = ScrollView::create();
  8.  
  9. scene->addChild(layer);
  10.  
  11. return scene;
  12. }
  13.  
  14. bool ScrollView::init()
  15. {
  16. CCLayer::init();
  17.  
  18. CCSize winSize = CCDirector::sharedDirector()->getWinSize();
  19.  
  20. CCPoint center = ccp(winSize.width / 2, winSize.height / 2);
  21.  
  22. //创建一个结点
  23. CCNode* c = CCNode::create();
  24.  
  25. _contaner = c;
  26.  
  27. //创建5个紧挨着的精灵
  28. for(int i = 0; i < 5; i++)
  29. {
  30. CCSprite* sprite = CCSprite::create("HelloWorld.png");
  31. c->addChild(sprite);
  32.  
  33. //设置图片的位置。每两张图片相差一个屏幕的宽度
  34. sprite->setPosition(ccpAdd(center, ccp(i*winSize.width, 0)));
  35.  
  36. //给视图编号
  37. char buf[10];
  38. sprintf(buf, "%d", i);
  39. CCLabelTTF* label = CCLabelTTF::create(buf, "Arial", 36);
  40. sprite->addChild(label);
  41. label->setPosition(center);
  42. }
  43.  
  44. //滚动视图
  45. //第一个參数:在窗体显示的视图大小
  46. //第二个參数:结点CCNode
  47. CCScrollView* view = CCScrollView::create(winSize, c);
  48. addChild(view);
  49.  
  50. //设置视图运动的方向为水平运动
  51. view->setDirection( kCCScrollViewDirectionHorizontal);
  52.  
  53. //设置视图的宽度和高度
  54. view->setContentSize(CCSize(winSize.width * 5, winSize.height * 5));
  55.  
  56. //取消ScrollView的弹性
  57. view->setBounceable(false);
  58.  
  59. //注冊触摸事件
  60. setTouchEnabled(true);
  61. setTouchMode(kCCTouchesOneByOne);
  62.  
  63. return true;
  64. }
  65.  
  66. //鼠标点下的时候
  67. bool ScrollView::ccTouchBegan(CCTouch* touch, CCEvent* ev)
  68. {
  69. return true;
  70. }
  71.  
  72. //鼠标起来的时候
  73. void ScrollView::ccTouchEnded(CCTouch* touch, CCEvent*)
  74. {
  75. //得到鼠标点下去的时候的位置
  76. CCPoint ptDown = touch->getStartLocation();
  77.  
  78. //得到鼠标松开时的位置
  79. CCPoint ptUp = touch->getLocation();
  80.  
  81. //当两个位置的距离的平方小于25时(觉得是点击,否则是滑动)
  82. if(ptUp.getDistanceSq(ptDown) <= 25)
  83. {
  84. //检查点击的是哪一个图片
  85. //将世界坐标转换成结点坐标
  86. CCPoint ptInContainer = _contaner->convertToNodeSpace(ptUp);
  87.  
  88. //定义一个数组保存5个精灵
  89. CCArray* arr = _contaner->getChildren();
  90.  
  91. for(int i = 0; i < 5; ++i)
  92. {
  93. //获取精灵的索引(获取点击的是哪个精灵)
  94. CCSprite* sprite = (CCSprite*)arr->objectAtIndex(i);
  95.  
  96. //boundingBox()获取精灵的边框(推断触摸点是否在边框内,当在的时候。打印精灵的编号)
  97. if(sprite->boundingBox().containsPoint(ptInContainer))
  98. {
  99. CCLog("click i is %d", i);
  100. break;
  101. }
  102. }
  103. }
  104. else
  105. {
  106. //滑动
  107. int x = _contaner->getPositionX();
  108.  
  109. if (x >= -1920 && x <= 0)
  110. {
  111. // adjust
  112. // 0, -480, -960, -1440, -1920
  113. int idx = (-x +240)/ 480;
  114. x = -idx * 480;
  115.  
  116. CCMoveTo* moveTo = CCMoveTo::create(0.5f, ccp(x, this->_contaner->getPositionY()));
  117.  
  118. this->_contaner->runAction(moveTo);
  119. }
  120. }
  121. }

运行结果:

当在图片中点击后会打印点击的图片的编号

改进后不会出现的情形





版权声明:本文博主原创文章,博客,未经同意不得转载。

Cocos2d-X采用CCScrollView创建滚动视图的更多相关文章

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

    CCTableView和CCScrollView如创建滚动视图,CCTableView该函数将是更,制造更多麻烦 实例1:使用CCTableView创建滚动视图 首先创建一个TableView类 Ta ...

  2. swift:创建滚动视图的图片轮播器

    用swift创建图片轮播器和用OC创建的方式是一样的,都主要用到UIScrollView和UIImageview这两个控件,有几张图片,就将滚动视图的内容区域大小设置为每一张图片的大小乘以张数即可.然 ...

  3. MFC小程序003------MFC使用WebBrowser组件,在对话框中创建滚动视图,动态创建一个静态文本控件并设置鼠标单击的消息响应

    MFC小程序截图: 一.在MFC中简单使用WebBrowser的ActiveX插件的方法: 见博文:  http://blog.csdn.net/supermanking/article/detail ...

  4. cocos2dx基础篇(14) 滚动视图CCScrollView

    [3.x]     (1)去掉 "CC"     (2)滚动方向         > CCScrollViewDirection 改为强枚举 ScrollView::Dire ...

  5. 滚动视图和页面控制UIScollView,UIpageControlDemo

    ////  ViewController.m//  UIScollView////  Created by hehe on 15/9/25.//  Copyright (c) 2015年 wang.h ...

  6. 制作滚动视图(ScrollView)

    怎样判断是否应当使用滚动视图 所谓的滚动视图,是指一个可以滑动的视窗,视窗大小和位置固定不变,视窗内的内容用户可以通过手指滑动或者拖动滚动天来进行滚动浏览. 滚动视图的目的是为了解决同类内容过多,一个 ...

  7. Cocos2d-x学习笔记(14)(更新函数scheduleUpdate、进度计时器CCProgressTo、滚动视图CCScrollView)

    一.scheduleUpdate 1.scheduleUpdate:此函数是CCNode的函数,每一个CCNode仅仅要调用scheduleUpdate更新函数,那么这个CCNode就会响应当前类的u ...

  8. iOS 滚动视图的复用问题解决方案

    LazyScroll是什么 LazyScrollView 继承自ScrollView,目标是解决异构(与TableView的同构对比)滚动视图的复用回收问题.它可以支持跨View层的复用,用易用方式来 ...

  9. 【Android】10.5 滚动视图(RecyclerView)

    分类:C#.Android.VS2015: 创建日期:2016-02-19 一.简介 滚动视图(RecyclerView)的用法与布局控件的用法类似,唯一不同的是,所有布局控件中都可以包含多个组件,而 ...

随机推荐

  1. java.io.FileNotFoundException: /home/hadoop/hadoop/dfs/namenode/current/VERSION (Permission denied)

    今天布置hadoop集群,尝试单独将secondarynamenode分属到一台独立的虚拟机上, 当格式化后,start-dfs.sh.namenode没启动.查看日志.报错例如以下 查看权限才发现, ...

  2. SQL声明大全

    1.随机选择3记录     select top 3 * from tablename newid() 2.随机选记录     select newid(). 3.删除反复记录 1) delete f ...

  3. 微软中国裁员曝光:在CD结束后!薪酬不变!

    聚众抗议的前诺基亚员工(腾讯科技配图) 腾讯科技 郭晓峰 腾讯科技刚刚获取了一份微软设备事业部中国区管理团队4日晚间发给被裁员工的补偿方案邮件. 邮件内容显示,微软承诺在收购诺基亚交易结束(2014年 ...

  4. BackGroundWorker使用总结

    方法: backgroundWorker1.CancelAsync() 用于取消异步执行 backgroundWorker1.ReportProgress(int ,object)用于向主线层报告进度 ...

  5. C++习题 商品销售

    Description 商店销售某一商品,每天公布统一的折扣(discount).同时允许销售人员在销售时灵活掌握售价(price),在此基础上,一次购10件以上者,还可以享受9.8折优惠.现已知当天 ...

  6. ZOJ Monthly, October 2010 ABEFI

    ZOJ 3406 Another Very Easy Task #include <cstdio> #include <cstring> const int N = 10000 ...

  7. 为什么windows dos和Linux shell有这样的差别??

    Windows dos随着impdp导入数据库: impdp "sys/password@ip:1521/sidname as sysdba" directory=dbdir du ...

  8. iframe滚动条问题:显示/隐藏滚动条

    iframe 问题2008-01-22 16:37******   显示 iframe 内容 XHTML 1.0 Transitional 标准不能显示 <!DOCTYPE html PUBLI ...

  9. SDUT 2498-AOE网上的关键路径(spfa+字典序路径)

    AOE网上的关键路径 Time Limit: 1000ms   Memory limit: 65536K  有疑问?点这里^_^ 题目描写叙述 一个无环的有向图称为无环图(Directed Acycl ...

  10. jstack:将Process Explorer中看到的进程ID做16进制转换,到ThreadDump中加上0x 前缀即能找到对应线程(转)

    原文链接:http://www.iteye.com/topic/1133941 症状: 使用Eclipse win 64位版本,indigo及kepler都重现了,使用tomcat 6.0.39,jd ...