位置: 编程技术 - 正文

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)

  • 长期股权投资的入账价值怎么算
  • 企业如何做增量
  • 外贸企业出口退税申报流程操作
  • 税务ukey如何清卡
  • 税盘清卡截止每个月
  • 购销合同印花税怎么算
  • 培训发生的住宿费 差旅费可以放入职工教育经费吗
  • 石油天然气管道保护法
  • 现金流管理模式
  • 怎么不用关税
  • 短期投资款取消退回计入什么科目?
  • 外购产品赠送他人合法吗
  • 建筑行业增值税税率是多少
  • 车辆租赁费可以开专票吗
  • 企业如何做好税务管理工作
  • 资产原值包含残值吗
  • 建筑装饰行业税负
  • 企业的其他业务收入有
  • 个人所得税人员添加后如何操作
  • 计提员工社保拿什么做原始凭证?
  • 兼职劳务报酬要交个税吗
  • 税控设备 抵减
  • 苹果电脑重新安装系统磁盘锁了怎么办
  • 网易打不开怎么退出游戏
  • 京东白条账单制和订单制是什么样的
  • 电子承兑汇票贴现怎么做账
  • 印花税零申报逾期
  • macbook版itunes
  • 财政扶持企业政策
  • 在php中,字符串有哪些表示形式
  • 预收的购货款属于收入吗
  • 前端如何调用后端方法
  • 支付劳务费时是什么科目
  • YOLOv8(n/s/m/l/x)&YOLOv7(yolov7-tiny/yolov7/yolov7x)&YOLOv5(n/s/m/l/x)不同模型参数/性能对比(含训练及推理速度)
  • mlp是啥啊
  • 讲讲vue3下会造成响应式丢失的情况
  • vue3.0 main.js
  • 建筑保温材料施工规范
  • 未分配利润与净利润有关系吗
  • 发票上的抵扣联抵扣联是什么意思
  • 企业支付股利属于由( )引起的财务活
  • 实行核定征收印花税
  • 排污收费制度在排污费征收方面存在的问题
  • 使用sql server查询不到会返回什么
  • 金税四期的政策
  • 未达起征点增值税申报表怎么填
  • 已经认证抵扣的发票,要退回,怎么处理
  • 企业发生的开办费用计入营业外支出账户
  • 基金赎回可以赎回部分吗
  • 代理公司代缴社保违法吗
  • 总公司和分公司如何分离
  • 管理费用里包括哪些费用
  • 税控系统技术维护费的申报抵扣方法
  • 审计真实性认定
  • 应收账款和应付账款属于什么科目
  • 凭证上的数字金额怎么填
  • mac安装surge
  • 刻录ghost安装光盘
  • 怎么更改电脑键盘语言
  • win70x80070002系统找不到指定的文件
  • win7系统自带网卡吗?
  • system的方法
  • linux个人系统
  • linux 746
  • 拉伸设置
  • 学dos有用吗
  • 批处理系统的应用场景
  • me分析方法
  • linux 编译
  • flask开发实例
  • js 对象key
  • vs开发web教程
  • javascript闭包的作用
  • 对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
  • adb把文件拷贝到手机
  • 威科先行法律信息库价格
  • 进口退税能退税吗现在
  • 房产税江苏2021年征收标准
  • 河南省国家税务局官网
  • 人均可支配收入是到手工资吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设