请教,关于小程序长列表如何设计?
发布于 6 年前 作者 yong67 5160 次浏览 来自 问答

我这边需求是,一个页面上,有5个tab,对应5个不同的长列表,列表包含文字、图片、视频元素

现在想请教下要如何设计,能保证tab左右切换以及上下滑动时候不卡顿

谢谢

3 回复

左右切换不卡顿完全是根据当前tab所对应的接口速度来进行判定的视觉卡顿,比如目前空的,请求速度过慢,用户看着就是空白然后闪一下在出来数据

上下不卡顿就取决你的页面列表元素和数据储存

首先列表肯定是得分页的,比如一页10个滑倒底部请求下一页在拼接到列表上,这样有个坏处,就是数据过多,当前列表就也过多,页面渲染的元素就过多,所以建议单个tab列表有两个参数在进行储存

假设总共有1000条数据

你不可能一次性展示出来,这样ios的cpu可能直接炸穿

所以你需要把这1000条作为储存给list1

然后在定义一个list2做为页面展示的,并且规定这个list2的长度不能大于多少(假设30条),然后根据用户当前滑动到的列表下标来进行这30条数据的变更(此方法比较繁琐,适用于较大的项目)

如果你的数据不是很多,并且不像那种无限加载的列表(像淘宝那种),就只需要做好分页就行,滑倒底部就加载新数据进行拼接

回到顶部