CHUAN2 DEV ENGINE
996 正版授权研发中心 · 360 授权合作教学中心 · 抖音传奇直播合作授权 · 快手推广运营商授权
OFFICIAL LICENSED ACADEMY 查验官方授权证书 →
// 威海旷世互娱教学基地 · 技术文章
界面UI列表虚拟化

【界面UI】列表虚拟化:千条聊天记录的流畅滚动实现

2026-09-23 10:18 作者:996 技术组 996引擎Lua教程传奇脚本界面UI列表虚拟化

实战应用:用在哪里

聊天频道的消息记录动辄上千条,全量创建控件会导致滚动卡顿与内存暴涨。列表虚拟化只创建可视区域内的控件,滚出屏幕的控件被回收复用,千条记录也能流畅滚动。方案适用于聊天频道、邮件列表与日志查看器。

虚拟列表的初始化与可视区计算

列表控件只维护可视区内的 15 个行控件,滚动时根据偏移量计算当前可见的起始序号,动态更新每行的内容与高度。

lua
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 调用。

lua
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 技术组基于 996 引擎官方知识库与浮生梦老师课程体系整理。团队长期从事传奇类引擎 Lua 后端逻辑、客户端界面与商业版本交付,内容以官方知识库与真实项目为出处,按版本持续修订。

← 返回文章地图返回研学路径

幂尔框架 · 实战干货 · 接口调用

LATEST ARTICLES

全站技术干货持续更新:996 引擎 / Lua 实战帖,语法、参数与示例一篇讲透。进入文章地图 · 查看全部 →

Lua实战选择排序装备评分排行榜

【Lua实战】选择排序:装备评分榜的局部有序

实战应用:用在哪里 装备回收商 NPC 每天按评分收购玩家的装备,裁决之杖、骨玉权杖按攻击、持久加权打分,榜上只要前五名。数…

2026-09-23 10:57 996 技术组
玩法策划沙巴克攻城皇宫归属

【玩法策划】沙巴克攻城:城门耐久与皇宫归属的规则设计

实战应用:用在哪里 沙巴克攻城是全服行会战的最高舞台:攻方砸开城门、抢占皇宫,守方依托城墙与复活点反打。规则设计的关键是节奏…

2026-09-23 10:57 996 技术组
玩法策划影分身分身真身识别

【玩法策划】影分身:分身嘲讽与真身识别的玩法设计

实战应用:用在哪里 影分身玩法给法师职业补上生存短板:危急时刻召唤四个影分身分担仇恨,敌人需要在六格范围内分辨真身,猜错就浪…

2026-09-23 10:57 996 技术组
网络通信消息重试退避信令

【网络通信】消息重试:关键信令的确认与退避重发

实战应用:用在哪里 组队邀请、行会宣战这类关键信令丢了没有兜底,玩家只能反复手点,高峰期体验很差。重试机制给信令加确认回执:…

2026-09-23 10:57 996 技术组
运维发布开区队列预热

【运维发布】滚动开区:分批开服的队列与预热流程

实战应用:用在哪里 新资料片上线首日预约量常是日常十倍,一口气全开会让数据库与登录网关同时过载。滚动开区把开区动作排成队列:…

2026-09-23 10:57 996 技术组
性能调优广播节流合帧

【性能调优】广播节流:跑动动作的合帧下发

实战应用:用在哪里 百人同屏的沙巴克外围战场,每个玩家每秒跑动会触发数次位置更新,全部即时下发时广播量随人数平方增长,网关先…

2026-09-23 10:57 996 技术组