Je kunt snel hoogwaardige grafische gebruikersinterfaces maken met minimale scriptingvereisten met behulp van ingebouwde UI-objecten. Afhankelijk van waar je het maakt, wordt de UI ofwel op het scherm of binnen de 3D-wereld van een spel weergegeven.
Op-screen UI
Op-screen containers bevatten UI-objecten die je op het scherm van een speler wilt weergeven, waaronder frames, labels, knoppen en meer. Alle op-screen UI-objecten en code worden opgeslagen en gewijzigd op de client.
In-game UI
In-game containers zoals SurfaceGuis en BillboardGuis bevatten UI-objecten die je binnen de 3D-wereld van je spel wilt weergeven.
UI-objecten
De meeste UI-elementen zijn GuiObjects, 2D grafische gebruikersinterface-objecten die je aan containers kunt koppelen. De vier meest voorkomende zijn frames, labels, knoppen en tekstinvoer objecten.
| Object | Beschrijving |
|---|---|
| Frame | Frames fungeren als containers voor andere UI-objecten. Wanneer je frames manipuleert, manipuleer je ook de objecten die ze bevatten. |
| Label | TextLabel en ImageLabel objecten stellen je in staat om aanpasbare tekst en afbeeldingen weer te geven. |
| Button | TextButton en ImageButton objecten stellen gebruikers in staat om een actie uit te lokken. |
| Text Input | TextBox objecten stellen gebruikers in staat om tekst in te voeren. |
Met de eigenschappen Position, Size, AnchorPoint en ZIndex heb je volledige controle over hoe je positioneert, grootte en laag GuiObjects. Je kunt ook tweening gebruiken om een GuiObject soepel van de ene staat naar de andere over te brengen en dynamische visuele feedback te geven.
Lay-out en ontwerp
Naast basis eigenschappen voor het aanpassen van positie en grootte, biedt Roblox ook lay-outstructuren zoals lijst/flex en grid, evenals grootte-modifiers en verschijnings-modifiers.
Universele styling
Universele styling is een Roblox-oplossing voor stylesheets, vergelijkbaar met CSS, waarmee je overrides voor UI-instantie-eigenschappen kunt declareren en wereldwijd kunt toepassen. Deze engine-niveau ondersteuning is de basis voor de Style Editor en de end-to-end token-pijplijn.
Interactieve frameworks
Naast de kern gebruikersinterface-objecten bieden de volgende frameworks ingebouwde en aanpasbare interactiviteit voor je spellen.
Proximity prompts
Proximity prompts zijn unieke ingebouwde UI-objecten die gebruikersinteractie aanmoedigen om een actie te triggeren wanneer ze in de buurt komen van in-game objecten zoals deuren, lichtschakelaars en knoppen.
UI-dragdetectoren
UI-dragdetectoren vergemakkelijken en moedigen interactie aan met 2D-gebruikersinterface-elementen zoals schuifregelaars, spinners en meer.
3D-dragdetectoren
3D-dragdetectoren moedigen fysieke interactie aan met 3D-objecten in een spel, zoals het openen van deuren en lades, het schuiven van een onderdeel, het oppakken en gooien van een bowlingbal, het terugtrekken en afvuren van een katapult, en nog veel meer.