cocos ScrollView(滚动容器)加载大量item导致的卡顿问题解决方案

最新推荐文章于 2024-08-01 14:31:03 发布

wdf过河的小卒子

最新推荐文章于 2024-08-01 14:31:03 发布

阅读量5.5k

点赞数 1

分类专栏： lua-cocos2dx

本文链接：https://blog.csdn.net/wdfscsdn2015/article/details/72648749

版权

当ScrollView加载大量item时，游戏界面可能出现卡顿甚至卡死。通过分帧加载item的方法来优化，启动定时器每帧执行刷新函数，判断已创建的item数量，逐步生成item，有效缓解性能问题。

摘要由CSDN通过智能技术生成

ScrollView（滚动容器）加载大量item时会导致游戏界面的卡顿，严重时整个界面会出现卡死的情况。最近项目中有遇到在滚动容器中加载大量item的问题，在此阐述一下自己的方法，希望对大家有所帮助。
自己所用的方案总结起来就是：分帧加载item。
1、启动定时器，每帧启动一次刷新函数

local createNodeTimer = nil
function MainCtrl:startTimer()
     if createNodeTimer == nil then
         createNodeTimer = cc.Director:getInstance():getScheduler():scheduleScriptFunc(ManiCtrl.update, 0, false)
     end

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wdf过河的小卒子

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

element el-select 数据太多导致卡顿解决方案

fendoudemayi159的博客

06-02

1557

element el-select 数据太多导致卡顿解决方案

cocos2d-x分帧加载资源

lyc201219的博客

03-26

674

function GameApp:updateLoadRes() local PLIST_FILE = { "ShuangSheng/plist/beforeGameAni.plist", "ShuangSheng/plist/item.plist", "ShuangSheng/plist/addsub_ani.plist", ...

参与评论您还未登录，请先登录后发表或查看评论

cocos学习-scrollview

最新发布

m0_58041883的博客

08-01

183

view下的mask：超过这个范围就不显示。view下的content：每项数据的定制。Sprite:定制scrollview背景色。Elastic：滚动到达底部时候会不会超出边界，实现回弹。Horizontal：是否开启水平滚动。Brake：滚动惯性，0为没有惯性，1为一直滚动下去、Bounce Duration：回弹返回的时间。孩子节点：scrollBar是滚动条。Vertical：是否开启垂直滚动。Scroll Event：滚动事件。Inertia：是否开启滚动惯性。孩子节点：view是可视化范围。

cocos creator + TypeScript 解决ScrollView加载大量Item导致卡顿的问题

对酒当歌﹏✍

05-10

3081

目录1、引言2、问题分析3、代码部分4、使用举例4.1、场景搭建4.2、测试4.3、效果展示5、Demo下载6、结束语 1、引言我们在平常的开发中常常碰到列表类的数据处理！典型的像玩家列表这种可能数量非常庞大，可能有几百个！我们假设一次全部创建可能一下子就导致app安顿崩溃！下面我们带着问题一起分析。 2、问题分析点击这里查看上一篇Unity的相关介绍。这里就不再做详细分析了。 3、...

Cocos使用lua分帧加载

kuilaurence的博客

10-21

1068

for i = 1, 25 do performWithDelay(self,function() --分帧加载 print(i) end,1/15*(i+2)) --时间秒 i等待间歇等（）秒执行类似协程核心主体，分帧加载； ...

求大神帮忙解决listview数据过多软键盘弹出卡顿问题

lalian3329的博客

12-31

791

需求需要做一个列表聊天的形式，里面有20种左右的viewtype，但是我发现列表数据过多软键盘弹出就会卡顿。今天我自己做了一个demo：卡顿的效果如下： http://www.miaopai.com/show/gCiC33WbW0QkPnTZiNX~Qg__.htm 求大神给点思路我的demo源码： http://pan.baidu.com/s/1nugG5QT xml

Cocos Creator ScrollView 支持多种滚动，加载，刷新，嵌套，分页

06-02

支持上拉加载、下拉刷新支持无限循环滚动分帧创建item 循环分页 pageview 嵌套分页 pageview 支持表格布局Grid 支持不定宽高缩放自适应，item在运行时可随意更改宽高和缩放支持滑动自动居中，居中锚点可自定义

spine3.8解决多个相同资源加载卡顿问题.rar

06-23

在Cocos2dx游戏开发中，使用...总的来说，对于面临大量相同动画资源加载导致的卡顿问题的Cocos2dx开发者，升级到Spine3.8并应用上述优化策略是值得尝试的解决方案。这不仅可以提高游戏性能，还能提供更流畅的游戏体验。

creator小功能----浅谈scrollview滚动列表，动态加载数据

标题

03-05

2264

cocos2dx3.2的ScrollView改良

09-24

基于cocos2dx3.2的ScrollView改良版，paging分页部分是参考网上已有的源代码并进行改良，修复bug, indicator指示器部分是自己研发。测试环境：mac os x (Windows平台应该可行，需要你自己添加PagedScrollView到...

cocos2dx scrollview优化

09-07

cocos2dx scrollview优化

iOS[15.0,15.1)ScrollView滚动“卡顿“适配

MeteoriteMan的博客

01-18

435

[15.0,15.1)调用ScrollView滚动animated属性传入true可能会引起"卡顿".

cocos2d-x lua开发笔记：ListView加载多个item优化处理

热门推荐

sinat_24556247的博客

04-28

1万+

实现lua下ListView加载大数量item的效率优化！

ScrollView嵌套ListView，加载大量数据，界面卡顿问题的探讨

jifashihan的博客

01-11

3522

之前使用ScrollView嵌套ListView，解决ScrollView嵌套ListView，列表项高度不同，显示不全的问题，现在发现一个问题，因为在ListView中计算各个列表项的高度，所以ListView实际上是全部展开的，这样的话，不能使用ListView重用的机制，如果数据过多，则列表绘制的时候，会出现卡顿，一段时间后才显示出来。所以为了性能，就把界面重新优化，还是在ScrollV

cocos2dx 程序中处理cocostdio导出的帧动画

图图

12-21

2429

在cocostdio 编辑器中添加动画，主要就两点：在 “形体模式” 下（文件下面），从资源中添加动画的起始图片，然后切换到 “动画模式” 下，下面会出来一个动画帧的框，旁边默认生成的layer几就是你刚才添加的起始动画的纹理文件，然后从资源中，选中剩下的动画，图片，用鼠标拖动到该区域。OK，动画已经添加好，上面可以播放。然后说一下动作列表：一个动作列表中可

【quick-cocos2d-lua】大列表加载卡顿

Super_Cola的博客

10-21

669

如果列表数据很多时一次性加载会出现卡顿的情况。方法一：分段加载，先加载一部分出来，可以用定时器实现，比如，有100条数据，可以先加载10条，每隔1s加载10条。 local startIndex = 1 local endIndex = 5 local addItemNum = 5 local endNum = nCount --总条数 local function addC...

cocos2dx ListView 大量 Item 加载方案

xzben‘blog

11-17

6276

问题描述：在

NGUI ScrollView 最彻底优化方案加载大量（百万级）Item不卡的()

musicseli的专栏

01-31

6893

逻辑描诉：将实际的Item，与对应填充的数据分开。例如：List 与 List item这个class中设置填充函数，填充数据的同时还要根据数据的逻辑位置调整自己的渲染位置。在ScrollView中加载填满当前View的item数量，为了保证用户拖拽的时候不会显示空白的地方就在多加载1个item 以纵向拖拽为例：当用户拖拽的距离超过单元格的高度的时候，就要拿数据

cocos2dx-lua ScrollView加载大量项目

06-09

在cocos2dx-lua中，使用ScrollView加载大量项目可以通过以下步骤实现： 1. 创建一个ScrollView，并设置其大小和位置。 ```lua local scrollView = ccui.ScrollView:create() scrollView:setContentSize(cc.size(500, 500)) scrollView:setPosition(cc.p(0, 0)) ``` 2. 设置ScrollView的滚动方向和滚动条位置。 ```lua scrollView:setDirection(ccui.ScrollViewDir.vertical) scrollView:setScrollBarPositionFromCorner(cc.p(7, 7)) ``` 3. 创建一个容器，用于存储要加载的内容。 ```lua local container = ccui.Layout:create() container:setContentSize(cc.size(500, 10000)) scrollView:addChild(container) ``` 4. 定义一个函数，用于加载每一项内容到容器中。 ```lua local function loadItem(index) local item = ccui.Text:create() item:setString("Item " .. index) item:setPosition(cc.p(250, 10000 - index * 50)) container:addChild(item) end ``` 5. 在ScrollView的回调函数中，根据滚动位置动态加载内容。 ```lua local function scrollViewEvent(sender, eventType) if eventType == ccui.ScrollviewEventType.scrolling then local pos = scrollView:getInnerContainer():getPosition() local top = scrollView:getContentSize().height local bottom = top - scrollView:getInnerContainerSize().height if pos.y < bottom + 500 then for i = 1, 10 do loadItem(i) end end end end scrollView:addScrollViewEventListener(scrollViewEvent) ``` 这样，当用户滚动到ScrollView的底部时，会自动加载10个新的内容项到容器中。通过判断ScrollView的滚动位置，只有当滚动到接近底部时才会加载新的内容项，避免一次性加载大量的内容导致卡顿。可以根据实际需求调整每次加载的内容数量和内容项的布局样式。