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

【界面UI】战力面板:属性汇总与来源明细

2026-09-21 19:14 作者:996 技术组 界面UI

实战应用:用在哪里

「我的攻击力怎么才 880?」——战力面板要回答的正是这个问题:总属性的数字下面,每一分来自哪里(装备、强化、精炼、称号、BUFF)逐项列明。来源明细是玩家配装的导航仪,也是客诉的减震器。

汇总的呈现

lua

---战力面板:总览与来源的结构
PowerPanel.groups = {
    { key = "equip",   name = "装备" },
    { key = "refine",  name = "精炼" },
    { key = "title",   name = "称号" },
    { key = "buff",    name = "临时增益" },
}

function PowerPanel.build(win)
    local total = GUI:Text_Create(win, "total", 10, 8,
        18, "#FFD700", "攻击 880")
    GUI:ListView_Create(win, "sources", 10, 40, 260, 220)
    SL:SendNetMsg(MSGID.POWER_QUERY, 0, 0, 0, "")
end

---服务器返回的来源明细
SL:RegisterLuaNetMsg("POWER", function(data)
    local src = SL:JsonDecode(data)
    if not src then return end
    GUI:Text_setString(PowerPanel.total,
        "攻击 " .. src.total)
    PowerPanel.render(src.breakdown)
end)

面板的两层结构:顶部的总览数字一眼定调,下方的来源列表逐行展开。明细的数据由服务器聚合下发——装备、精炼、称号、BUFF 各自的贡献值打包进 POWER 消息,客户端只做呈现不做计算,属性的口径全服一个说法。来源的行按贡献降序排列:装备的 500 分置顶、称号的 15 分垫底,玩家第一眼看到的是大头。

明细的价值

lua

---来源行的渲染与跳转
function PowerPanel.render(breakdown)
    for i, g in ipairs(breakdown) do
        local row = GUI:Text_Create(PowerPanel.list,
            "src" .. i, 0, 0, 12, "#DDDDDD",
            g.name .. "  +" .. g.value)
        GUI:addOnClickEvent(row, function()
            -- 点击来源跳到对应的系统界面
            if g.key == "equip" then
                SL:SendNetMsg(MSGID.OPEN_EQUIP, 0, 0, 0, "")
            elseif g.key == "title" then
                SL:SendNetMsg(MSGID.OPEN_TITLE, 0, 0, 0, "")
            end
        end)
    end
end

来源行的点击可跳转:装备的贡献点进装备页、称号的贡献点进称号簿——「我的属性在哪」的追问有下一跳的出口,明细不是死数据而是导航。数值的时效在面板打开的瞬间拉取,BUFF 的过期与装备的更换即时反映,玩家看着面板吃一瓶药看着数字动,因果的即时反馈是配装乐趣的一半。负向的来源同样显示:中毒的减益、PK 的惩罚用红字入列,面板的诚实让玩家信得过每一分属性。

验证与监控

明细合计与总览数字的一致性断言,两层数据的差一枚铜板都是 Bug;面板打开的耗时监控,来源聚合的计算超 100 毫秒即优化服务器的聚合缓存。

踩坑记录

来源的聚合曾经在客户端本地算,客户端的口径与服务器的结算差了 BUFF 的隐性加成,聚合收口到服务器。跳转的协议曾经没带来源的上下文,点了装备的行打开的是称号页,键值的映射表集中维护。负向来源曾经被过滤不显示,玩家的减益找不到解释,明细的全量呈现修复。

上线要点

来源的分组与新养成线的接入同步:每上一条养成线,明细里多一组。数字的滚动动画让总览的变化有过程感,升级的爽感被面板接力。面板的截图分享带来源明细,晒配装的社交传播自带准确度。

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

作者履历与出处

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

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

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

LATEST ARTICLES

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

玩法策划暗拍竞拍

【玩法策划】秘宝暗拍:全服暗标竞拍的玩法设计

实战应用:用在哪里 明拍容易被大号威慑,普通玩家不敢出手。秘宝暗拍改为全服暗标:每周一件秘宝,玩家密价投标一次,截标前互相看…

2026-09-23 03:30 996 技术组
案例复盘误封风控

【案例复盘】误封风波:一次批量误封的申诉风暴复盘

实战应用:用在哪里 充值返利活动被风控规则误判成套利,480 个大额充值账号被批量封禁 24 小时,申诉两小时破千条。误封风…

2026-09-23 03:30 996 技术组
界面UI小队血条

【界面UI】小队血条:队友状态的紧凑排布

实战应用:用在哪里 五人小队打沃玛教主,队友的血量状态只能靠点头像逐个看,集火转火慢半拍。小队血条在屏幕侧边紧凑排布四条队友…

2026-09-23 03:30 996 技术组
前端接口好友浮窗

【前端接口】好友申请浮窗:申请消息的浮窗提醒实现

实战应用:用在哪里 好友申请藏在好友面板的角标里,玩家半天不看一眼,申请积压让社交转化掉了一半。好友申请浮窗把新申请推到屏幕…

2026-09-23 03:30 996 技术组
玩法策划矿洞租赁

【玩法策划】矿位租赁:矿洞矿位租借与分成的玩法设计

实战应用:用在哪里 矿洞产出人人有份等于人人不重视,矿位租赁把矿洞变成可经营资产:矿位按 24 小时租给个人或行会,产出归租…

2026-09-23 03:30 996 技术组
数据存储消息队列解耦

【数据存储】消息队列:解耦生产与消费的异步管道

实战应用:用在哪里 击杀 BOSS 后要同时做三件事:发奖励、记流水、刷新排行榜,全都写在 killmon 触发里互相拖累,…

2026-09-23 03:30 996 技术组