道具列表超过一屏就需要分页:背包的 80 格、邮件的百封、拍卖行的千件商品,一屏塞不下也塞不动。分页控件的设计要点是页容量的取舍、滚动到底的自动翻页与列表项的复用——千行列表逐行创建控件是帧率的杀手。
---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 毫秒的滑动动画,翻页的方向感保持一致。
---列表项复用:只保留可视区的行控件
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 引擎 / Lua 实战帖,语法、参数与示例一篇讲透。进入文章地图 · 查看全部 →
学员常见误区 Lua函数可返回多个值,学员用固定变量数接收时如果变量少于返回值,多余返回值被静默丢弃;如果变量多于返回值,多…
设计初衷 行会建筑的死穴是一次全解锁:会员没有逐步建设的过程感。梯度设计让每栋建筑都有前置条件和资源门槛。 数值模型 建筑分…
设计初衷 婚姻系统的属性加成是社交玩法的经济锚点:加成太弱没人结婚,太强则"为了属性被迫结婚"扭曲了社交本质。婚姻边界的设计…
设计初衷 宝箱类玩法的信任危机都源于同一句话:"概率是不是骗人的。"期望公示把概率从事后争议变成事前契约:奖池概率表全量公示…
设计初衷 流拍物(拍卖未成交的退回物品)堆积在卖家背包里成为死资产:低价值物流拍后无人问津,高价值物流拍后卖家不愿降价重拍。…
业务场景 沙巴克战功榜每周结算,玩家提交战功前不知道"再打多少能进前 10、前 10 的奖励是什么"。名次预览:输入自己的战…