【界面UI】任务追踪栏：追踪栏的排序与显示数量

实战应用：用在哪里

任务追踪栏是任务系统的前台窗口：当前追踪的任务按优先级排序显示在屏幕右侧，每条任务展示名称、进度与方向指引。追踪栏的设计要点是排序的优先级、显示的数量上限与点击的联动操作。

追踪栏的排序

---追踪任务的排序：主线 > 支线 > 日常
local TASK_PRIORITY = { main = 1, side = 2, daily = 3 }
function QuestTracker.sort(tracked)
    table.sort(tracked, function(a, b)
        return TASK_PRIORITY[a.type] < TASK_PRIORITY[b.type]
    end)
end

排序按任务的类型权重：主线任务置顶、支线次之、日常靠后，同类型按接取顺序排序。追踪栏的显示数量上限 5 条，超出的任务在面板中可见但不上屏。任务的进度实时更新：击杀类任务显示当前数与目标数、收集类显示持有量与需求量。

点击的联动

---追踪任务的点击联动：寻路与查看详情
function QuestTracker.onClick(taskId)
    local task = QuestTracker.get(taskId)
    if task then
        SL:SendNetMsg(MSGID.QUEST_TRACK, taskId, 0, 0, "")
        mapmove(actor, task.mapId, task.x, task.y, 5)
    end
end

点击追踪的任务触发自动寻路：传送至目标地图并标注目标坐标，寻路的路径在小地图上高亮。追踪栏的任务右键弹出操作菜单：取消追踪、打开任务详情、分享到聊天。任务的完成触发追踪栏的刷新：已完成的任务移除，新接的任务自动加入追踪。

验证与监控

追踪栏的使用率与点击寻路的转化率统计，寻路的点击率反映追踪信息的有效性。

踩坑记录

追踪的排序曾经在同类型内不稳定，同优先级的任务每次刷新顺序随机，排序的比较器补上接取时间的 tie-breaker 后稳定。追踪栏的显示数量曾经没有上限，任务多的玩家屏幕被追踪信息占满，上限 5 条的设计平衡了信息与干扰。

上线要点

追踪栏的样式按任务类型配色：主线金色、支线蓝色、日常绿色，颜色的语义让玩家扫一眼就能分辨任务的类型。追踪的自动寻路在小地图上画轨迹线，路径的高亮让玩家不会迷路。任务的更新推送实时刷新进度条，击杀数的变化即时可见。

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