本公众号由以下老铁赞助,感谢他们❗️
有人发现了吗?Cocos Store 今天有那么一点点不一样呢!!!
有没有看到,Cocos Store 可以一边浏览商品介绍,一边体验预览与下单了!
再说视频中的这款「高性能实用虚拟列表」由社区大佬 xingkong6 创作,其产品与商品介绍简直就像教科书一般,值得 Store 开发者们学习借鉴。

而且开发者调侃,使用【白菜】做产吕图标与案例素材是有期深意的。那就是,致力于开发出高性能又实用,而且拿白菜价卖的产品。
废话就不多说,一起来看看吧!
01 效果展示
这是一款支持 Cocos Creator 2.x\3.x 套虚拟列表解决方案,适用于需要展示大量数据的场景,并确保列表在高性能和低消耗下流畅运行。
• 多种布局,节点复用

• 支持多模板模式

• 动态调整Item尺寸

• 定向跳转,动态居中

• 更新指定Item数据

• 动态插入Item到指定位置

• 动态删除指定位置的Item

02 主要功能点
• 使用简单:使用简洁,注释清晰

• 多种布局:垂直、水平、网格布局

• 自适应刷新频率: 减少运算,提高性能

• 自定义缓存区大小: 提前加载,避免卡顿

• 自适应性能参数:性能参数,自适应计算

• 自定义模板:注册不同模板类型

• 分帧加载:通过分帧加载技术,避免一次性加载大量数据导致的性能问题,确保界面流畅。
• 节点池管理:使用节点池管理机制,复用节点,减少频繁创建和销毁节点带来的性能开销。
• 防抖动处理:在滚动事件中加入防抖动处理,避免频繁触发更新操作,提高性能。
• 动态修改Item数据并更新:支持动态修改列表项的数据,并实时更新显示内容。
• 动态修改Item尺寸:支持动态修改列表项的尺寸,并自动调整布局。
• 高度复用:通过节点池和分帧加载机制,实现节点的高度复用,减少内存占用。
• 低Drawcall:优化渲染流程,减少Drawcall次数,提高渲染性能。
03 使用教程
1. 初始化虚拟列表

2. 数据驱动刷新列表

3. 触发Item回调

04 常用接口
• ReloadData:重载数据,刷新列表
this.virtualView.ReloadData(dataSource: any[]);• ScrollToIndex:滚动到指定索引项,使该项出现在屏幕正中央。
this.virtualView.ScrollToIndex(index: number, duration: number = 0.3);• UpdateItemSize:更新指定索引项的尺寸。
this.virtualView.UpdateItemSize(index: number, newSize: number);• UpdateItemAt:更新指定索引项的数据。
this.virtualView.UpdateItemAt(index: number);• Refresh:刷新列表,数据或尺寸变化后调用。
this.virtualView.Refresh();
目前这款【高性能实用虚拟列表】正在限时优惠中,原价¥199目前只要¥49.9,不论是学习还是自用都非常不错,而且能与大佬交个朋友的话就更是赚到了!
结语
好的产品介绍包含效果展示(视频、体验、gif )、功能特点、使用说明、教程文档,以及问题反馈,这一切的重点都是为了是与用户产生信任。xinkong6 大佬真的是做到了,而且是诚意满满!

下载地址:https://store.cocos.com/app/detail/7408
在线体验:https://xingkong.asia/virtualList2x/
论坛交流:https://forum.cocos.org/t/topic/166203
Cocos 社区藏龙卧虎,Cocos Store 是为开发者提供资源与收益平台,已为数十万用户提供 Cocos 引擎开发资源、技术教程与解决方案。
也欢迎你来 Cocos Store 分享自己的技术、经验和作品,并能收获成长与收益,为用户和这个世界创建属于一份你独立有的价值。






1943

被折叠的 条评论
为什么被折叠?



