位置: 编程技术 - 正文

cocos2dx中滚动界面和小滚动条同步的实现(cocos2d动画)

编辑:rootadmin

推荐整理分享cocos2dx中滚动界面和小滚动条同步的实现(cocos2d动画),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:cocos动作,cocos2dx设置窗口大小,cocoscreator来回移动,cocos界面,cocos2dx设置窗口大小,cocoscreator来回移动,cocos2dx-js,cocoscreator来回移动,内容如对您有帮助,希望把文章链接给更多的朋友!

在游戏中,经常会遇到滚动界面,或者滚动列表,在滚动时,为了给用户一个更好的体验,我们会想到在滚动界面的旁边加上一个小小的滚动条,让这个滚动条和滚动界面的同步运动来告诉用户,这个滚动界面还有多少距离到底部等。下面我就来说下我在cocos2dx中具体怎么来实现这一功能。我下面说的是竖着滚动的,所以大小等只针对高。当然横向的原理也是一样的!

首先你要有一个滚动界面控件,也就是ScrollView控件(当然ListView也一样,它是继承前者的)然后有一个表示小小的滚动条的sprite。经过观察别的应用在处理这个问题的时候,我们会发现这个小小的滚动条的大小会随着滚动页面所需要滚动的总大小而变化(下图中H2,有个时候,这个滚动界面是动态的发生变化的,比如qq的好友列表,你往下拉,他的那个列表才会加长,这样你会发现旁边的那个小滚动条的长度在减少),所以第一步,我们要得到小滚动条的长度:即下图h1,其实里面的算法逻辑很简单,很容易得出结论:滚动界面的高 H1(也就是你实际看到的那个表面的滚动界面的高)和用户需要滚动的高H2(这个就是包含滚动界面中不被看到的部分,也就是我们裁剪掉的部分)的比&#; 等于小小滚动条的高h1(这个就是我们要得到的)和滚动界面的高H1。

不是美工,图片做的有点搓,见笑了。

其中 那个实框表示能给用户看到的滚动区域,下面的虚框是滚动界面的总大小,我们需要得到的是 小滚动条的大小h1 = H1 * H1 / H2(注意为了更精确,请使用float类型)

cocos2dx中滚动界面和小滚动条同步的实现(cocos2d动画)

到此,解决了我们的第一个问题:小滚动条的长度问题。

接下来就是小滚动条的滚动位移的问题:

分析:首先要得到一个小滚动条的滚动因子,其实很简单,根据之前要实现滚动界面和小滚动条的同步,那么滚动界面滚动到底(即全部滚完)的时间和小滚动条滚动到底的时间是一样的,我们用s1来表示小滚动条滚动的距离,用s2来表示滚动界面滚动的距离,那么显然,每一次滚动的距离,即有这么一个关系 s1 / s2 = (H1 - h1) / (H2 - H1); 我们用 float moveFactor = (H1 - h1) / (H2 - H1) 来记录这个滚动因子。那么小滚动条移动的距离,永远是大滚动界面移动的距离的 moveFactor 倍,即 s1 = s2 *moveFactor 。这样我们只需要在大滚动界面的滚动事件里面得到他的滚动距离s2,那么我就就可以对小滚动条做出滚动距离的变化了。

实现:因为无论是ScrollView还是ListView他们的滑动不需要我们处理,这里我们只要在滚动界面滑动的时候,让小滚动条也跟着滚动就行了,查看ScrollView的类,发现有以下监听事件:

显而易见,我们需要的是SCROLLING事件,于是注册监听事件(不要告诉我你不会,不会可以看引擎自带的test项目工程),在回调函数里面来实现小滚动条的移动。

touchTarget : 当然就是注册滚动事件的ScrollView 或者listview, m_spHuaDongTiao:当然就是小滑动条精灵了,m_pos1 和m_pos2是一对float用来处理每一次调用此回调函数时,大滚动界面滚动的距离:即进入此函数,得到当前滚动界面内容器(注意请用这个函数:->getInnerContainer())的位置,然后减去上一次的位置,即是改变&#;,那么小滑动条的改变&#;就是此&#;的moveFactor倍了。然后再更新一下m_pos1。最后设置一下小滑动条的位移就搞定了。这样,就彻底实现了 两者之间的同步问题。写得比较混乱,但是我相信聪明的你,肯定看的懂的!

cocos2dx中Action的Tag设置问题 cocos2dx中Action的Tag要在runAction之后再设置,否则不管用。例如:action:setTag(1)sprite:runAction(action)这个时候使用sprite:getActionByTag(1)获取到的为nil而如果这样

cocos2dx的坑 ---- autorelease不release CCNode创建后调用autorelease,就算之后你再也不需要这个节点,该节点也有可能不会自动释放,这个问题用memleak是查看不到的触发情况:1.创建了一个CCNode或

COCOS2DX学习之Box2D物理引擎-物体和相互作用 1、创建一个静态物体创建一个静态物体应该很简单,在头文件生命一下要创建新物体的函数,然后在cpp文件中实现它即可。具体的时候先过程,首先要

标签: cocos2d动画

本文链接地址:https://www.jiuchutong.com/biancheng/368963.html 转载请保留说明!

上一篇:cocos2dx菜单重叠按钮实现按层优先选择及透明过滤(cocos creator 优化 drawcall 合并)

下一篇:cocos2dx中Action的Tag设置问题(cocos2dx schedule)

  • 储值卡金额算什么科目
  • 资本公积和盈余公积怎么提取
  • 支出算什么会计科目
  • 个人出租商铺如何缴纳房产税
  • 农业技术服务个人总结
  • 在公司交社保不满十年,女性按照什么退税
  • 用于后勤管理部的工作
  • 纳税总额是否包含增值税进项
  • 设备税款
  • 代理药品销售收取佣金会计分录怎么写?
  • 作为展示用的物品
  • 工伤期间奖金发放标准
  • 个人去税务局开劳务票 税点是多少
  • 高新技术企业享受什么优惠政策
  • 财务审核火车票真伪辨别
  • 金融企业呆账准备金是否允许补提
  • 生产型企业原材料出入库处理
  • 维修费属于印花税
  • 财务报表教育费附加包含地方教育费附加吗
  • 社保打的生育保险怎么做账
  • 开电脑店几年搞活动好吗
  • 专项资金支出时能直接转出吗
  • PHP中使用全局变量来接受表单中提交的数据
  • 存出投资款现金流量表选什么
  • 装机电源怎么装
  • 企业无偿提供劳务
  • 成本法变为权益法剩余股权
  • 中文最早出现的时期
  • php生成条形码的代码
  • 已领待用物资
  • Chrome谷歌浏览器网页
  • 未交土地出让金的处罚
  • 对个别报表中处置收益的归属期间进行调整
  • 企业固定资产账户2019年6月初借方余额5000000元
  • php模板引擎执行时间
  • 负数发票跨月怎么做账
  • 如何查询企业财务负责人是否变更了
  • 为什么那么多人考公务员
  • 微信小程序图片大小如何设置
  • thinkphp教程
  • 百分之十三增值税发票能抵扣多少?
  • ps命令显示进程状态
  • 开发支出的含义
  • opengl设置
  • 报税财务报表怎么申报
  • 织梦内容页模板修改
  • 购买金税盘是全额抵扣吗
  • 去年的电费能查到吗
  • 金税四期怎么监控个人账号
  • 应收账款损失率计算公式
  • 资产负债表与利润表的关联性可在存货与销售成本
  • 税法规定的增值税是指
  • 我国流转税有哪些
  • 税负率偏低
  • 商品库存明细账
  • sql存储过程什么意思
  • sqlserver isnull在数据库查询中的应用
  • 系统安装驱动卡住了
  • macbook怎么修复磁盘
  • Win10 Mobile/PC build 10586.589曝光:老机型有份
  • linux find命令查找文件 name
  • window10h2
  • linux系统获取ip地址
  • 蓝牙鼠标不能动了
  • nodejs基础
  • unity2d的小游戏
  • javascript基础
  • jquery ajax后台返回list,前台用jquery遍历list的实现
  • unity做网页
  • 友盟的功能
  • javascript网页游戏制作教程
  • Unity Enemy behaviour
  • js无限极分类
  • 车位办房产证需交多少税
  • 税务局发票邮寄需要多久
  • 江西省医保卡缴费
  • 福建省税务局 电子
  • 棚户区改造的回迁房可以交易吗?
  • 营商环境法治保障服务
  • 增值税预缴税款退税申请怎么写
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设