位置: 编程技术 - 正文

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)

  • 季度利息分录
  • 会展服务费怎么开票
  • 公司购买手机如何入账
  • 收到进项发票是什么凭证
  • 本月进项税大于销项税有留底,如何做会计分录
  • 公司税务状态变更怎么办
  • 在建投资性物业管理办法
  • 集团公司收到的发票
  • 单位聘请的临时工请假旅游
  • 如何理解合并报表
  • 收回的材料赔偿款怎么处理?
  • 工伤期间奖金发放标准
  • 参展补助
  • 集体企业属于事业单位吗
  • 研发阶段计入管理费用吗吗
  • 全年一次性奖金计税方式2023
  • 怎么计提担保赔偿准备金?
  • 鸿蒙os程序
  • 应交增值税有哪些
  • 企业退款如何走账
  • php下载限速
  • php获取ftp文件目录
  • i33240配什么主板
  • 跨国公司外汇资金集中
  • php 正则函数
  • yolov5实例分割原理详解
  • yolo v5 可视网络结构
  • 固定资产的销售怎么做账
  • wordpress neve
  • 生产过程半成品报废
  • 增值税专用发票和普通发票的区别
  • 营业外收入的会计科目编码
  • 合作公司投资方式
  • python缺失值的解决方法
  • 收到抵扣发票怎么做分录
  • dedecms都能做什么网站
  • 织梦如何给栏目增加缩略图
  • 什么情况下需要做心脏造影
  • 电脑入账如何做凭证
  • 新准则下交易性金融债券
  • 小规模定额征收和查账征收哪个更好一些
  • 政府补助会计处理方法由总额法变为净额法
  • 增加固定资产原值
  • 在建工程什么时候用
  • 一般纳税人纳税申报表
  • 银行进账单需要作为附件吗
  • 信用担保融资的缺点
  • sql server怎么分离
  • sql server 2019自定义安装教程
  • 为保证win7安装后能正常使用,安装方法
  • windows自带软件有哪些
  • win8.1资源管理器频繁假死
  • xp系统为什么不能用了
  • xp从装系统
  • 忘记mysql密码
  • xp系统1
  • win7 win8.1
  • windows8内存
  • linux怎么使用无线网卡
  • win8创建我的电脑
  • w10安装软件提示
  • win10的outlook在哪
  • cocos2dx游戏案例
  • 表单提交servlet
  • js中eval函数是干嘛的
  • python 读取数据库
  • 事件绑定js
  • javascript刷新页面的几种方法
  • bootstrap 按钮
  • unity shader视频教程
  • package.json里面的配置
  • unity camera fov
  • unity导出资源包
  • 税务局遴选能去什么单位
  • 贵州省地方税务局历任纪检组长马平
  • 先征后返的增值税计入哪个科目
  • 已经交完费还可以用医保卡报销吗
  • 河北航天信息技术有限公司官网
  • 四川 国税
  • 乡村振兴与文化遗产保护研究
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设