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

【界面UI】背包筛选器:按品质与类型的快速过滤

2026-09-23 22:15 作者:996 技术组 996引擎Lua教程传奇脚本界面UI背包筛选器筛选过滤

实战应用:用在哪里

背包一百格塞满后找一件药要翻三页。背包筛选器在背包面板顶部加一排筛选标签:按品质(白绿紫橙)与类型(药品、装备、材料)组合过滤,只显示匹配的物品。前端重点是筛选条件的状态管理与筛选后的空格子处理。

筛选渲染:条件组合与列表刷新

筛选标签切换时重新遍历背包数据,匹配的物品保留位置、不匹配的隐藏;同时显示匹配数量,零结果时展示空态提示。示例代码如下:

lua
-- 背包筛选器:条件过滤
local panel = GUI:GetParent("BagPanel")
local filterQuality, filterType = 0, 0
local function renderFiltered(bagItems)
    local shown = 0
    for i, item in ipairs(bagItems) do
        local qOk = filterQuality == 0 or item.quality == filterQuality
        local tOk = filterType == 0 or item.type == filterType
        local visible = qOk and tOk
        if visible then
            shown = shown + 1
            bagCells[i]:SetVisible(true)
            GUI:setText(bagCells[i], item.name)
        else
            bagCells[i]:SetVisible(false)
        end
    end
    if shown == 0 then
        SL:ShowSystemTips("没有匹配的物品")
    end
end

快捷筛选:一键清理与分类统计

筛选栏增加一键分类统计:每种类型显示当前数量与占比,帮助玩家快速判断背包构成;满仓预警在物品总数超过九成容量时弹出提醒。示例代码如下:

lua
-- 背包筛选:分类统计
local player = class(actor)
local function bagStats(bagItems)
    local stats = {}
    for _, item in ipairs(bagItems) do
        stats[item.type] = (stats[item.type] or 0) + 1
    end
    local lines = {}
    for t, cnt in pairs(stats) do
        lines[#lines + 1] = t .. ": " .. cnt
    end
    sendmsg(player, 1, 0, "背包统计:" .. table.concat(lines, " | "))
end

验证与监控

验证三条链路:品质筛选正确匹配、类型筛选正确匹配、组合筛选取交集;零结果时提示展示且不崩溃。上线后看两个数:筛选功能使用率与筛选后物品的操作转化率(卖出或使用),使用率低于一成说明筛选标签不够直观,改为图标按钮替代文字标签;筛选命中后物品的操作率显著高于未筛选状态,验证了筛选的信息降噪价值。

踩坑记录

筛选曾只刷新可见性不重排位置,过滤后出现空洞格子影响视觉连续性,过滤后重排或用占位填充。品质枚举曾与新版本不一致,新增品质的物品被筛选遗漏,品质列表从服务端配置拉取而非前端硬编码。筛选状态曾在关闭面板后丢失,重开需要重新选择,筛选状态缓存到本地直到面板销毁。

作者履历与出处

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

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

最新技术文章 · 实战干货

LATEST ARTICLES

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

入门夯实996引擎

【入门夯实】多重返回值:select计数与函数返回值语义

学员常见误区 Lua函数可返回多个值,学员用固定变量数接收时如果变量少于返回值,多余返回值被静默丢弃;如果变量多于返回值,多…

2026-09-24 18:19 996 技术组
策划架构996引擎

【策划架构】行会建筑:功能解锁的梯度设计

设计初衷 行会建筑的死穴是一次全解锁:会员没有逐步建设的过程感。梯度设计让每栋建筑都有前置条件和资源门槛。 数值模型 建筑分…

2026-09-24 18:19 996 技术组
策划架构996引擎

【策划架构】婚姻边界:属性加成的平衡线设计

设计初衷 婚姻系统的属性加成是社交玩法的经济锚点:加成太弱没人结婚,太强则"为了属性被迫结婚"扭曲了社交本质。婚姻边界的设计…

2026-09-24 18:19 996 技术组
策划架构996引擎

【策划架构】宝箱公示:开启期望值的公示设计

设计初衷 宝箱类玩法的信任危机都源于同一句话:"概率是不是骗人的。"期望公示把概率从事后争议变成事前契约:奖池概率表全量公示…

2026-09-24 18:19 996 技术组
策划架构996引擎

【策划架构】流拍处理:拍卖流拍物的定向处理设计

设计初衷 流拍物(拍卖未成交的退回物品)堆积在卖家背包里成为死资产:低价值物流拍后无人问津,高价值物流拍后卖家不愿降价重拍。…

2026-09-24 18:19 996 技术组
进阶实战996引擎

【进阶实战】战功预览:名次定位与奖励映射展示

业务场景 沙巴克战功榜每周结算,玩家提交战功前不知道"再打多少能进前 10、前 10 的奖励是什么"。名次预览:输入自己的战…

2026-09-24 18:19 996 技术组