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

【界面UI】下拉列表:服务器选择的分组渲染

2026-09-23 17:01 作者:996 技术组 0 阅读 996引擎Lua教程传奇脚本

实战应用:用在哪里

服务器的选择列表、任务的类型筛选、邮件的分类过滤——下拉列表是选项聚合的标准控件。下拉的实现要点是分组的渲染、选中态的管理与展开的性能,长列表的下拉不能因为选项多而卡顿。

分组的渲染

lua
---下拉列表:分组标题与选项的渲染
function Dropdown.show(win, groups)
    local list = GUI:ListView_Create(win, "opts", 0, 0, 200, 240)
    Dropdown.rows = {}
    for _, g in ipairs(groups) do
        -- 分组标题:置灰不可点
        local head = GUI:Text_Create(list, "g_" .. g.name,
            0, 0, 11, "#999999", "— " .. g.name .. " —")
        head.selectable = false
        for _, s in ipairs(g.servers) do
            local row = GUI:Text_Create(list, "s_" .. s.id,
                0, 0, 12, "#FFFFFF", s.name)
            GUI:addOnClickEvent(row, function()
                Dropdown.pick(s)
            end)
            Dropdown.rows[#Dropdown.rows + 1] = row
        end
    end
end

下拉的选项按分组渲染:分组标题置灰不可选,选项行可点——分组的信息架构让几十个服务器按电信、联通、推荐区清晰归位。选中态的管理:当前选中的行高亮加对勾,切换选项时旧的高亮取消、新的高亮点亮,状态唯一。长列表的性能:选项超过 50 个时只渲染可视区的行,滚动时按需填充——全量渲染的下拉在千级选项时帧率腰斩。

选中的状态

lua
---选中态的管理:唯一高亮与回调
function Dropdown.pick(server)
    if Dropdown.selected then
        Dropdown.selected.color = "#FFFFFF"
    end
    Dropdown.selected = server
    Dropdown.selectedRow.color = "#FFD700"
    Dropdown.onPicked(server)
    Dropdown.collapse()
end

---推荐分组的置顶:负载均衡的引导
function Dropdown.sort(groups)
    -- 推荐的服务器置顶:负载低且有新手加成
    table.sort(groups[1].servers, function(a, b)
        return a.load < b.load
    end)
end

下拉的收起与选中回调:选定后收起列表、更新触发器显示、触发 onPicked 的回调——回调把选择交给业务层,控件本身不感知业务。推荐分组的排序按负载升序:人少的服务器排前面,负载均衡的引导从选服的界面就开始。下拉的键盘操作:上下键移动选项、回车确认,键盘党的效率与鼠标党一致。

验证与监控

下拉的选项渲染数量与实际数据的一致性断言;展开的帧耗时监控,超过 16 毫秒即优化渲染的批次;选中回调的触发率验证,选了没反应是交互的硬伤。

踩坑记录

分组的标题曾经可以被选中,选中了一个「分组名」提交后服务端报错,标题的不可选标记补上。展开的动画曾经阻塞输入,动画期间的点击丢失,动画与输入的并行处理。选项的状态曾经不刷新,服务器的状态变化后下拉还是旧的标注,数据的变更通知驱动刷新。

上线要点

分组的结构与排序进配置,运营的分区策略自助调整。下拉的宽度自适应最长的选项文本,选项不出现省略号的截断。当前选中项的持久化:记住玩家上次的选择,登录的默认定位到常用的服务器。

作者履历与出处

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

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

最新技术文章 · 实战干货

LATEST ARTICLES

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

策划架构健康检查探针运维配置

【策划架构】健康检查端点:服务探针的运维配置方案

设计目标 服务假死最难排查:进程还在、请求不响应。探针体系的目标是把"服务器是不是挂了"变成"哪个服务哪个环节挂了":探针覆…

2026-09-24 04:53 996 技术组 · 0 阅读
高级技巧消息加密对称加密异或

【高级技巧】消息加密:敏感消息的对称加密传输

原理剖析 改密码、交易确认这类敏感消息若明文传输,被截获即可重放。对称加密里最轻量的是异或:明文每个字节与密钥对应字节异或得…

2026-09-24 04:53 996 技术组 · 0 阅读
策划架构天气系统周期配置数值规则

【策划架构】天气系统:全服天气周期的策划配置方案

设计目标 天气是全服共享的情绪调节器与玩法杠杆:雨天火系技能衰减、沙暴命中下降、晴天产出加成。策划要交付的是一套可独立调整的…

2026-09-24 04:53 996 技术组 · 0 阅读
策划架构异地同IP风控规则多账号

【策划架构】异地同IP检测:多账号同源注册的风控规则

设计目标 工作室批量注册刷金,冲击的是整个经济系统。风控目标:识别同源注册的账号聚集,对新注册号加验证闸门,对已确认的批量号…

2026-09-24 04:53 996 技术组 · 0 阅读
高级技巧函数缓存memoize闭包

【高级技巧】函数缓存:重复计算的函数级缓存写法

原理剖析 装备评分、属性折算这类纯函数,同样的输入永远得到同样的输出,重复计算就是纯浪费。函数级缓存(memoize)用闭包…

2026-09-24 04:53 996 技术组 · 0 阅读
高级技巧批量合并同帧网络优化

【高级技巧】批量操作合并:同帧操作的合并下发

原理剖析 沙巴克攻城高峰,同一帧内一个玩家可能触发五六条消息:战况通报、奖励到账、行会频道、系统公告。逐条下发时每条的包头开…

2026-09-24 04:53 996 技术组 · 0 阅读