聊天频道的消息记录动辄上千条,全量创建控件会导致滚动卡顿与内存暴涨。列表虚拟化只创建可视区域内的控件,滚出屏幕的控件被回收复用,千条记录也能流畅滚动。方案适用于聊天频道、邮件列表与日志查看器。
列表控件只维护可视区内的 15 个行控件,滚动时根据偏移量计算当前可见的起始序号,动态更新每行的内容与高度。
local rows = {}
local ITEM_H = 24
local VISIBLE = 15
local function initList(parent)
for i = 1, VISIBLE do
rows[i] = GUI:RichText_Create(parent, "Row" .. i, 0, (i - 1) * ITEM_H, "", 340, 12, "#E8E8E8", 2, nil, "")
end
end
local function updateVisible(scrollOffset)
local startIdx = math.floor(scrollOffset / ITEM_H) + 1
for i = 1, VISIBLE do
local dataIdx = startIdx + i - 1
local item = mailData[dataIdx]
if item then
GUI:setText(rows[i].label, item.title)
else
GUI:setText(rows[i].label, "")
end
end
end
滚动事件每帧触发,偏移量变化超过半行高度才更新可视区内容,减少不必要的 setText 调用。
local lastOffset = -1
local function onScroll(offset)
if math.abs(offset - lastOffset) < ITEM_H / 2 then return end
lastOffset = offset
updateVisible(offset)
end
五千条记录的滚动帧率稳定在 55 帧以上;快速拖动到底再拖回顶部,首尾内容切换正确;可视区外的控件数恒为 15 不随数据量增长。监控滚动帧率与 setText 调用次数,帧率低于 45 帧时需减少可视区行数。
滚动偏移量的单位与行高单位不一致导致内容错位,统一为像素后才对齐。快速滚动时 setText 调用过于频繁导致文字闪烁,加 16 毫秒的节流间隔后平滑。回收复用控件时旧内容的富文本标签残留,每次复用前清空 RichText 的全部子节点。数据量从五千增至一万后初始化耗时翻倍,改为惰性初始化只在首次滚动时构建数据索引。
另外要留意控件回收的顺序:先把节点从父容器移除,再放回对象池,顺序颠倒会让引用残留,表现为列表滑动时偶现残影。建议在回收函数里加一条断言,节点入池前其父容器必须为空,断言触发时把控件编号写入日志,快速定位是哪条路径漏了移除。
虚拟列表的另一个细节是行高固定:内容长短不一时用省略与截断处理,行高一旦动态变化,滚动定位会反复跳动。把超长记录折叠成摘要行,点击展开再拉取全文,渲染压力与内存占用同步下降,低端机型的帧率稳定性明显提升。
全站技术干货持续更新:996 引擎 / Lua 实战帖,语法、参数与示例一篇讲透。进入文章地图 · 查看全部 →
实战应用:用在哪里 装备回收商 NPC 每天按评分收购玩家的装备,裁决之杖、骨玉权杖按攻击、持久加权打分,榜上只要前五名。数…
实战应用:用在哪里 沙巴克攻城是全服行会战的最高舞台:攻方砸开城门、抢占皇宫,守方依托城墙与复活点反打。规则设计的关键是节奏…
实战应用:用在哪里 影分身玩法给法师职业补上生存短板:危急时刻召唤四个影分身分担仇恨,敌人需要在六格范围内分辨真身,猜错就浪…
实战应用:用在哪里 组队邀请、行会宣战这类关键信令丢了没有兜底,玩家只能反复手点,高峰期体验很差。重试机制给信令加确认回执:…
实战应用:用在哪里 新资料片上线首日预约量常是日常十倍,一口气全开会让数据库与登录网关同时过载。滚动开区把开区动作排成队列:…
实战应用:用在哪里 百人同屏的沙巴克外围战场,每个玩家每秒跑动会触发数次位置更新,全部即时下发时广播量随人数平方增长,网关先…