又一个漂亮的虚拟列表!居然用白菜当图标?

本公众号由以下老铁赞助,感谢他们❗️

有人发现了吗?Cocos Store 今天有那么一点点不一样呢!!!

有没有看到,Cocos Store 可以一边浏览商品介绍,一边体验预览与下单了!

再说视频中的这款「高性能实用虚拟列表」由社区大佬 xingkong6 创作,其产品与商品介绍简直就像教科书一般,值得 Store 开发者们学习借鉴。

而且开发者调侃,使用【白菜】做产吕图标与案例素材是有期深意的。那就是,致力于开发出高性能又实用,而且拿白菜价卖的产品。

废话就不多说,一起来看看吧!

01 效果展示

这是一款支持 Cocos Creator 2.x\3.x 套虚拟列表解决方案,适用于需要展示大量数据的场景,并确保列表在高性能和低消耗下流畅运行。

  • • 多种布局,节点复用


  • • 支持多模板模式

  • • 动态调整Item尺寸

  • • 定向跳转,动态居中
    4.gif


  • • 更新指定Item数据

  • • 动态插入Item到指定位置

  • • 动态删除指定位置的Item

02 主要功能点

  • • 使用简单:使用简洁,注释清晰

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

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

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

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


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


  • • 分帧加载:通过分帧加载技术,避免一次性加载大量数据导致的性能问题,确保界面流畅。

  • • 节点池管理:使用节点池管理机制,复用节点,减少频繁创建和销毁节点带来的性能开销。

  • • 防抖动处理:在滚动事件中加入防抖动处理,避免频繁触发更新操作,提高性能。

  • • 动态修改Item数据并更新:支持动态修改列表项的数据,并实时更新显示内容。

  • • 动态修改Item尺寸:支持动态修改列表项的尺寸,并自动调整布局。

  • • 高度复用:通过节点池和分帧加载机制,实现节点的高度复用,减少内存占用。

  • • 低Drawcall:优化渲染流程,减少Drawcall次数,提高渲染性能。

03 使用教程

  1. 1. 初始化虚拟列表

  2. 2. 数据驱动刷新列表

  3. 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 分享自己的技术、经验和作品,并能收获成长与收益,为用户和这个世界创建属于一份你独立有的价值。

16款3D源码模板推荐

CocosStore 2月新品盘点

12款RPG塔防割草源码大盘点

10月十款新品资源盘点

MMORPG 终于来了!9月新品推荐

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

晓衡的成长日记

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值