DX UI és panel készítés alapok

A DX alapú felület akkor lesz jó, ha skálázódik különböző felbontásokon, és nem fut feleslegesen.

Alap elvek

• Használj arányos méretezést.
• A fontot egyszer hozd létre.
• A panel állapotát egy változó kezelje.
• Bezáráskor kapcsold ki a kurzort és a input blokkolást.

Példa panel toggle

local visible = false
local sx, sy = guiGetScreenSize()
local font = dxCreateFont("assets/font.ttf", 12) or "default-bold"

function drawMyPanel()
    if not visible then return end

    local w, h = 420, 260
    local x, y = (sx - w) / 2, (sy - h) / 2
    dxDrawRectangle(x, y, w, h, tocolor(15, 23, 42, 235))
    dxDrawText("MTADEV Panel", x, y + 20, x + w, y + 50, tocolor(255,255,255), 1, font, "center", "top")
end
addEventHandler("onClientRender", root, drawMyPanel)

bindKey("F2", "down", function()
    visible = not visible
    showCursor(visible)
end)

Feltöltéskor mit adj meg?

• Képernyőkép vagy preview link.
• Milyen gomb nyitja a panelt.
• Milyen felbontáson lett tesztelve.
• Függ-e más UI frameworktől.