CocosCreator | 列表组件ListComponent

本文介绍了一个用于游戏开发的CocosCreator组件——ListComponent,它优化了列表显示性能,通过在可视区域内创建和更新列表项实现滑动效果。尽管存在滑动流畅性和进度条动态计算的问题,但使用简单,只需将ListComponent挂载到ScrollView,设置预制件和更新脚本即可。文章提供了使用示例和实际应用效果展示。
摘要由CSDN通过智能技术生成

​获取源码

      关注微信公众号,发送【列表】获取源码。

 

使用场景 

      游戏中经常会做列表类型的功能,例如游戏记录、排行榜,涉及到的数据很多,如果使用自带的ScrollView,会需要创建很多列表项组件,效率会很低,也很影响性能,由于工作中使用到的比较多,就封装了一个组件ListComponent,大致实现原理如下:

  1. 在列表可见区域内,创建列表项Unit,列表项多余可见区+1;

  2. 设置需要更新的数据,保存在组件内,一开始从第一条开始显示,直到显示能显示的列表项;

  3. 滑动列表项,更新不断的更改列表项的位置和内容,从而实现滑动的效果。

存在问题

也有一些问题,如:

  1. 滑动太快会不流畅,所以组件内取消了弹性功能;

  2. 进度条的长度动态计算没有加入,所以取消了进度条的显示;

     

 

组件使用

具体使用步骤如下:

  1. 把ListComponent挂在到ScrollView组件上,如下图所示:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值