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

【界面UI】分页控件:道具列表的分页与滚动复用

2026-09-23 15:13 作者:996 技术组 996引擎Lua教程传奇脚本

实战应用:用在哪里

道具列表超过一屏就需要分页:背包的 80 格、邮件的百封、拍卖行的千件商品,一屏塞不下也塞不动。分页控件的设计要点是页容量的取舍、滚动到底的自动翻页与列表项的复用——千行列表逐行创建控件是帧率的杀手。

分页的骨架

lua

---PageView 承载分页,每页 8 行
function MailList.build(win)
    local pv = GUI:PageView_Create(win, "mail_pages", 10, 40, 380, 300)
    GUI:PageView_setPageSize(pv, 8)
    local list = GUI:ListView_Create(win, "mail_items", 10, 40, 380, 300)
    MailList.pv = pv
    MailList.list = list
    MailList.perPage = 8
end

---翻页按钮与页码显示
function MailList.bindPager()
    GUI:addOnClickEvent(MailPage.prevBtn, function()
        MailList.jump(MailList.page - 1)
    end)
    GUI:addOnClickEvent(MailPage.nextBtn, function()
        MailList.jump(MailList.page + 1)
    end)
end

GUI:PageView_Create 建分页容器,每页 8 行的页容量与屏幕高度匹配——页容量过小翻页频繁、过大滚动冗长,8 行是邮件列表的实测舒适值。翻页按钮加页码指示,页码的跳转带 200 毫秒的滑动动画,翻页的方向感保持一致。

复用的列表项

lua

---列表项复用:只保留可视区的行控件
function MailList.render(page)
    local data = MailList.data
    local from = (page - 1) * MailList.perPage + 1
    local to = math.min(page * MailList.perPage, #data)
    for i = from, to do
        local row = MailList.pool[i - from + 1] or MailList.newRow()
        MailList.fill(row, data[i])
        MailList.show(row, (i - from) * 36)
    end
    MailList.hideRest(to - from + 1)
end

列表项按对象池复用:可视区最多 8 个行控件,翻页只改内容与位置不重建控件,千封邮件的列表内存占用恒定。行高 36 像素的间距留出呼吸感,标题与时间双列对齐。滚动到底自动追加下一页的混合模式适合拍卖行:滚动触发预取,翻页的手势被滚动吸收,浏览的连续性不打断。新邮件到达时当前页不动,红点提示在页签上,阅读的上下文不被打断。

验证与监控

列表的创建耗时与内存占用监控,千行数据的构建超过 100 毫秒即回归复用改造;翻页的点击热区与误触率统计,误触翻页的抱怨是热区太小的信号。

踩坑记录

列表项曾经逐行创建,300 封邮件的界面打开耗时 400 毫秒,对象池复用后降到 30 毫秒。页码曾经不做边界钳制,翻到第 0 页界面空白,边界检查补上。复用的行控件曾经残留上一行的状态(未读红点、选中高亮),填充函数做全字段重置。

上线要点

页容量与行高进皮肤配置,不同分辨率自适应调整。列表的空态给引导文案:暂无邮件,去好友频道聊聊,空屏不留白。分页与筛选器组合时页码重置到第一页,筛选结果的锚点逻辑保持一致。

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

作者履历与出处

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

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

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

LATEST ARTICLES

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

引擎触发烈火剑法连击战士

【引擎触发】疾风烈火斩:烈火剑法连击的判定触发设计

实战应用:用在哪里 战士的烈火剑法一击熄火后要等八秒冷却,连招断档感强烈。疾风烈火斩在烈火剑法命中后给一次连击窗口:三秒内再…

2026-09-23 15:45 996 技术组
玩法策划阵营声望声望压制

【玩法策划】阵营声望:声望等级与敌对压制设计

实战应用:用在哪里 阵营对抗打到中期容易疲软:打赢没有额外好处,输掉也没有代价。阵营声望体系给阵营战装上荣誉刻度:个人与阵营…

2026-09-23 15:45 996 技术组
玩法策划城主施政市政建设

【玩法策划】城主施政:市政令牌与城市建设玩法

实战应用:用在哪里 拿下沙巴克之后呢?城主除了名字挂在城墙上,对城市毫无影响。城主施政玩法让占领变成治理:城主每周获得市政令…

2026-09-23 15:45 996 技术组
运维发布备用线路切换演练

【运维发布】备用线路:主线路故障的自动切换演练

实战应用:用在哪里 主线路光缆被挖断的深夜,全服掉线 20 分钟,玩家以为游戏倒闭。备用线路方案给接入层配第二条出口:主线路…

2026-09-23 15:44 996 技术组
后端接口行会选举换届

【后端接口】行会选举:官员换届的投票与任期接口

实战应用:用在哪里 行会官员由帮主任命的老模式弊端明显:任人唯亲、能上不能下。行会选举接口把官员换届做成投票制:每两个月一次…

2026-09-23 15:44 996 技术组
前端接口技能悬浮卡片说明

【前端接口】技能说明悬浮:技能详情卡片的前端实现

实战应用:用在哪里 烈火剑法的伤害加成、冷却时间、下一级提升,全靠玩家记忆或去官网查。技能说明悬浮卡片在鼠标悬停技能图标零点…

2026-09-23 15:44 996 技术组