vant实现下拉刷新和上拉加载_CocosCreator LoopList简单实现

最新推荐文章于 2024-01-14 17:21:05 发布

weixin_39939276

最新推荐文章于 2024-01-14 17:21:05 发布

阅读量353

点赞数

文章标签： vant实现下拉刷新和上拉加载

本文链接：https://blog.csdn.net/weixin_39939276/article/details/112281571

版权

这个控件是一个都比较常用的控件在ios 上就是类似的就是UITableView，当大量重复的item 被添加ScrollView上时必然造成性能上的问题，所以就需要用到重复循环利用显示节点来提高性能。
在cocos 上已经有大佬做了相同的东西了List做的很完善, 我这个LoopList 实现思路和他有些区别，不用去记录item 的 width| height

之前也做个类似的，但是都涉及到如果item width|height 可变的情况下如果参考UITableView 的设计方式都需要涉及到记录每个index item的 width|height。之前Unity 的时候自己也写过，但是后来朋友介绍了一个叫SuperScrollView 的第三方插件试用后果断删了自己写的哪个东西。
通过阅读 cc.ScrollView 找到了 _getHowMuchOutOfBoundary 这个函数, 这个函数就是当content 位置移动完成后ScrollView来查询上下左右边界的东西，通过测试后发现也是这样的逻辑
那么实现新的UITableView 就可以抛弃宽高记录，于是就有了新的LoopList。通过计算 item 相对于显示范围的位置来添加，删除（放入循环pool）item，差不多700行做完了基本上都写了注释。
回收逻辑：当顶部或左边的 item 移动超出显示范围上或左边一定距离的时候就回收该 item ，同理当底部或右边 item 超出显示范围一定距离后就回收该item。
创建逻辑：当顶部或左边的item 的顶部或左边小于显示范围顶部或左边一定距离时就需要创建一个新的item 置于list 顶部或左边，同理底部和后边一样处理。

创建一个ScrollView 然后将ScrollView 替换成LoopList ……(o^^o)因为是继承下来的（也可以用component 实现，将_getHowMuchOutOfBoundary bind到 Looplist 上）
调整遮罩层的位置最好是用的widget 面的麻烦。
在 ScrollView 的 content 下添加需要的item 原型，横向的Item 注意一下锚点x请用0，竖向的item 注意锚点y设置为1。

调用list 的initialize函数传入创建函数，以及默认初始化item个默认为0
setItemCount 设置当前item count 如果不是强制Reset 那么大于等于当前itemcout || 最后一项item不是当前item 自动使用刷新方式不会修改当前item 的显示位置
refreshItems 重新创建当前已经创建的item，位置不变
showItem 直接显示指定index 的item

滑动到指定 index 的item（这个优先，下面的Todo估计估计的不会实现）
page view （感觉直接用cc.PageView，不是很必须）
grid view （这个如果一行高度都固定的直接用一排里面方几个就可以了，特殊的瀑布了那种没想通的是 item size 有改变后回到顶部会出现对不齐的情况该咋办没想好咋处理）
下拉刷新，上拉刷新（这个比较简单给_getContentLeftBoundary 这4个函数对应的添加一个 offset 偏移量就和触发点就ok了）
scrollbar的控制接入（这个优先级很低）Unity3d SuperScrollView 用过的都说好