分享一个 ScrollView 优化组件

增加一个 在线演示地址 显得高大上一点

image.png3276×2116 263 KB

目前支持的功能

• 水平/垂直滑动

• 可变尺寸动态更新

• 平滑滚动到底部

• Grid 正序排列、倒序排列

• 无限循环滚动 单向、双向

• 下拉刷新 （只是这么叫 实际上就是两种类型的消息 你也可以下拉做其他的事）

• 上拉加载

三个核心脚本

• 【 UISuperScrollView 】
• 【 UISuperLayout 】
• 【 UISuperItem 】

使用方法：

        let layout: UISuperLayoutlet array = [{ name: "1" },{ name: "2" },{ name: "3" },]layout.total(array.length)// 增加数据array.push({ name: "4" })layout.total(array.length)// 删除数据array.slice(1, 1)layout.total(array.length)// 更新数据array[1] = { key: "我是key", value: "换个结构" }layout.total(array.length)// 清空列表layout.total(0)// 滚动到顶部 layout.scrollToHeader(0.5)// 滚动到底部 layout.scrollToFooter()

核心方法实际上就一个 UISuperLayout 里的 total(长度) 方法 组件本身不管理任何数据，在这样做比较灵活
当你对你的数据做了【增加】【删除】【更新数据】【在指定位置插入数据】增删改查操作之后只需要调用一个total(数组长度) 方法就行了，是不是感觉特别简单？

 可以在这下载

GitHub - icipiqkm/UISuperScrollView: CocosCreator ScrollView 性能优化