位置: 编程技术 - 正文

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)

  • 应交税费转结哪里去
  • 海关缴款书上完税怎么办
  • 财产和行为税合并申报
  • 会计运费怎么算的
  • 财产租赁合同印花税计税依据含税吗
  • 买电脑所有配件
  • 应收利息和利息收入的关系
  • 公司交社保是怎么计算的
  • 哪些财务指标可以用于判断一个企业即将发生财务危机
  • 消费税征收环节下划的影响
  • 以前的固定资产现在做账怎么入账
  • 交房租对方开发票怎么开
  • 多收账款怎么账务处理
  • 稳岗补贴发放给职工需要交个税吗?
  • 代销方式的特点
  • 自行建造厂房一座,现已完工,经验收后交付费用
  • 销售淀粉的税率
  • 企业向关联方借款是否可以无偿
  • 延期付款利息到底有没有税务风险
  • 环评费用计入管理费用吗 是否需要摊销
  • 待处理财产损益科目编码
  • 生产设备投资入股增值税
  • 期货手续费会计分录
  • 合并报表长投和所有者权益抵消的原理
  • psoft1.exe - psoft1是什么进程 有什么作用
  • 系统安装的步骤
  • php实现的mongodb操作类实例
  • skynetave.exe - skynetave是什么进程 有什么用
  • php调用sql server存储过程
  • 来料加工怎么核算成本
  • vue3性能对比
  • 长期股权投资追加投资
  • vscode怎么运行前端
  • 高新技术企业取消资格怎么处罚
  • 前端技巧
  • mdadm命令用不了
  • 防伪税控开票系统安装
  • 购货方享受现金流量吗
  • 企业会计日志
  • 连锁店总部的组织架构
  • 公司总人数和上社保人数
  • python slic
  • Python函数怎么返回
  • 开票服务名称可以自己添加吗
  • Centos5.5中安装Mysql5.5过程分享
  • 待处理财产损益是备抵类科目吗
  • 增值税申报表填写顺序
  • 税务局核定税种流程
  • 什么是建筑服务的甲供工程
  • 固定资产一次性扣除怎么做账
  • 公司市场部门有什么职位
  • 印花税为什么不用计提
  • 注销公司需要多长时间完成
  • 计提资产减值准备会计科目
  • 数据转换常见策略
  • windows隐藏文件名
  • win7隐藏共享文件夹
  • linux内核模块编译步骤
  • centos6.10配置网络
  • linux extundelete
  • win10 自带
  • 双linux系统
  • fsck.mode
  • win7 esd安装文件怎么安装教程
  • 显示演示模式
  • linux电子邮件
  • windows8输入法
  • win7资源管理器不停的崩溃重启
  • 相机渲染图片
  • qt rgb颜色
  • nodejs回调函数返回值如何传递给其它函数
  • linux whatis与whatis database 使用及查询方法(man使用实例)
  • python爬虫入门教程非常详细
  • perl 计算
  • 深入理解python异步编程
  • dns设置为网关会出现什么问题了
  • python3 django教程
  • 重庆电子税务局网页版登录
  • 汉中税务大厅电话是多少
  • 苏宁易购股份转增股本
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设