全服排行榜动辄上千人,战士玩家想在榜单里找同职业对标,翻十页也找不到。排行榜筛选给榜单加两个维度:职业切换(全部、战士、法师、道士)与等级段筛选,切换即时生效不重新请求,前端本地过滤让榜单探索流畅自如。
榜单数据一次性拉取全量缓存到本地,切换筛选时在本地过滤渲染,不做额外请求;过滤维度为职业与等级段,两维可组合筛选。示例代码如下:
-- 排行榜筛选:本地过滤
local panel = GUI:GetParent("MainTop")
local fullList, curFilter = {}, {job = 0, minLv = 0}
local function renderFiltered()
local shown = 0
for i, entry in ipairs(fullList) do
local jobOk = curFilter.job == 0 or entry.job == curFilter.job
local lvOk = entry.lv >= curFilter.minLv
local visible = jobOk and lvOk and shown < 50
if visible then
shown = shown + 1
GUI:setText(rankRows[shown], i .. ". " .. entry.name .. " Lv" .. entry.lv)
end
end
for i = shown + 1, 50 do
GUI:setText(rankRows[i], "")
end
end
职业按钮组四选一(全部加三职业),等级段下拉三选(全部、三十级以上、六十级以上);切换时重置到榜首并保留当前筛选状态,再次点击已选筛选项取消该筛选。示例代码如下:
-- 排行榜筛选:切换交互
local player = class(actor)
local JOB_NAMES = {"全部", "战士", "法师", "道士"}
local jobBtns = {}
for j = 0, 3 do
jobBtns[j] = GUI:Button_Create(panel, "JobBtn" .. j, j * 60, 10, "btn_job")
GUI:addOnClickEvent(jobBtns[j], function()
curFilter.job = (curFilter.job == j) and 0 or j
renderFiltered()
SL:ShowSystemTips("筛选:" .. JOB_NAMES[curFilter.job + 1])
end)
end
验证三条链路:职业与等级组合筛选结果正确、切换后榜单滚动位置重置到顶部、取消筛选恢复全量显示;五十条渲染上限的截断提示准确。上线后看筛选使用率与榜单平均停留时长,筛选使用率高说明玩家有明确的对标需求,可扩展更多筛选维度(行会、转生等级);筛选后零结果的组合在界面上给出明确提示。
本地过滤曾不处理空结果,筛选无匹配时榜单区域空白无提示,零结果提示补齐。职业编号曾与展示顺序不一致,法师按钮筛出了道士,编号映射统一由服务端下发。渲染曾逐条 SetText 五十次造成可感知卡顿,改为差异更新只重绘变化的行,列表渲染的性能问题永远出在无差别的全量刷新。
全站技术干货持续更新:996 引擎 / Lua 实战帖,语法、参数与示例一篇讲透。进入文章地图 · 查看全部 →
学员常见误区 Lua函数可返回多个值,学员用固定变量数接收时如果变量少于返回值,多余返回值被静默丢弃;如果变量多于返回值,多…
设计初衷 行会建筑的死穴是一次全解锁:会员没有逐步建设的过程感。梯度设计让每栋建筑都有前置条件和资源门槛。 数值模型 建筑分…
设计初衷 婚姻系统的属性加成是社交玩法的经济锚点:加成太弱没人结婚,太强则"为了属性被迫结婚"扭曲了社交本质。婚姻边界的设计…
设计初衷 宝箱类玩法的信任危机都源于同一句话:"概率是不是骗人的。"期望公示把概率从事后争议变成事前契约:奖池概率表全量公示…
设计初衷 流拍物(拍卖未成交的退回物品)堆积在卖家背包里成为死资产:低价值物流拍后无人问津,高价值物流拍后卖家不愿降价重拍。…
业务场景 沙巴克战功榜每周结算,玩家提交战功前不知道"再打多少能进前 10、前 10 的奖励是什么"。名次预览:输入自己的战…