cocos creator入门教程(十六)—— creator_滚动列表高级使用_动态加载数据

时间:2024-04-05 12:39:15

滚动列表高级使用 动态加载数据

案例背景

1: 假设世界排行榜要100个玩家的数据,我们怎么使用滚动列表来实现?

 

 

动态加载列表

1: 每个记录是滚动列表里面的一个项,我们将整个列表分为3页,每页固定的项的数目;

2: 一个PAGE的项最好超过滚动列表的大小;

3: 课程案例, 创建一个滚动列表, 每一个page为一个页,共3个页,每个page有8个项;      3 * 8 = 24个项, 用1-100来模拟数据记录;

4: 编写代码往滚动列表里面加入所需要的项目;

 

往下加载示意图

cocos creator入门教程(十六)—— creator_滚动列表高级使用_动态加载数据

 

auto scroll细节

1: auto scroll有自己的控制content的位置的机制, 会导致content的位置与我们加载时候的位置修改冲突,体现在快速滚动后的连续加载;

2: 处理细节:      

(1)在判断要加载的时候,先判断当前是否在auto scroll模式, 如果是返回;      

(2)监听autosocroll结束后抛出的end事件,在来计算加载;      

(3) 当auto scroll滚动到最上头的时候,会有回弹,那个时候发生了加载,所以 在要加载的时候,检测到时autoscroll,关闭掉回弹的效果,等auto scroll end事件发生了以后再打开;      

this.scroll_view.elastic = false;        

this.scroll_view._autoScrolling

 

 

 

 

下一篇:creator_h5打包发布优化技巧_android环境搭建与打包发布