位置: 编程技术 - 正文

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数组函数有哪些
  • macbook无限输入z
  • 检验费用会计分录
  • 房屋及建筑物改造费用
  • 操作系统的内存映射
  • vue实战项目教程
  • 酒店采购布草如何入账
  • window7怎么开机
  • DOMException: Failed to execute ‘insertBefore‘ on ‘Node‘: The node before which the new node ...报错
  • php sw
  • 发行股票溢价计入
  • 阿里巴巴php
  • 【超用心整理】Markdown常用语法介绍,看这一个就够了
  • 消费税购置税价格一样
  • Python怎么把数据倒着输出
  • vue项目使用less
  • 帝国cms对接小程序
  • 外贸企业出口退税申报流程
  • 税务局退的税款如何做账
  • 季度所得税资产总额填错了,会不会有影响
  • 接受银行承兑汇票需要开通吗
  • 会计期末业务有哪些?
  • 开收据是财务还是出纳
  • 什么叫固定资产
  • 防伪税控服务费计入什么科目
  • 现金日记账每月都要写期初余额吗
  • 有限公司股东撤资退股
  • 投标保证金以现金形式转为履约保证金
  • 库存商品与存货总额之比
  • 残保金逾期怎么办
  • 注册公司好麻烦
  • 残保金新企业用交吗
  • 建账的过程包括哪些内容
  • 管理费用的明细科目如何设置
  • 商业资本金
  • mysql和mysql数据库的区别
  • onenote for windows 10怎么用
  • linux windows转linux
  • android jdk下载
  • perl脚本函数
  • Unity3D游戏开发培训课程大纲
  • 使用NGUI时遇到物理引擎错误
  • javascript添加元素
  • javascript基础笔记
  • Rotate object with mouse click or touch in Unity3D
  • javascript原型
  • jquery中有哪些dom操作?
  • android设计模式面试题
  • python django
  • 一不小心做错事男朋友就开始说我
  • 烟叶处理
  • 国土国税垂管部主任是谁
  • 动漫企业的增值税率
  • 广东省电子税务局app下载官网
  • 差额开票扣除额多补税
  • 企业完税证明怎么查询真伪
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设