【界面UI】技能槽位交换：图标选中与槽位互换的界面实现

local panel = GUI:Node_Create(GUI:Attach_MainTop(), "SkillBar", 0, 0)
local boxes, marks = {}, {}
local selected = -1
local function highlight(idx, on)
    GUI:setText(marks[idx], on and "▲" or "")
end
for i = 1, 8 do
    boxes[i] = GUI:ItemBox_Create(panel, "Slot" .. i, 40 + (i - 1) * 66, 20, "ui/skillbg", i, 1)
    marks[i] = GUI:Text_Create(panel, "Mark" .. i, 40 + (i - 1) * 66, 4, 12, "#FFD700", "")
    local idx = i
    GUI:addOnClickEvent(boxes[idx], function()
        onSlotClick(idx)
    end)
end

local function onSlotClick(idx)
    if selected == -1 then
        selected = idx
        highlight(idx, true)
        SL:ShowSystemTips("已选中 " .. idx .. " 号槽，再点目标槽完成交换")
        return
    end
    if selected == idx then
        highlight(idx, false)
        selected = -1
        return
    end
    local src, dst = selected, idx
    highlight(dst, false)
    selected = -1
    slots[src], slots[dst] = slots[dst], slots[src]
    refresh()
    SL:SendNetMsg(7201, src, dst)
    SL:ShowSystemTips(src .. " 号槽与 " .. dst .. " 号槽已交换")
end