Sie können schnell hochwertige grafische Benutzeroberflächen mit minimalen Skripting-Anforderungen unter Verwendung von integrierten UI-Objekten erstellen. Je nachdem, wo Sie es erstellen, wird die UI entweder auf dem Bildschirm oder innerhalb der 3D-Welt eines Spiels gerendert.
Auf dem Bildschirm UI
Auf dem Bildschirm Container halten UI-Objekte, die Sie auf dem Bildschirm eines Spielers anzeigen möchten, einschließlich Frames, Labels, Buttons und mehr. Alle auf dem Bildschirm angezeigten UI-Objekte und der Code werden auf dem Client gespeichert und geändert.
In-Game UI
In-Game Container wie SurfaceGuis und BillboardGuis halten UI-Objekte, die Sie innerhalb der 3D-Welt Ihres Spiels anzeigen möchten.
UI-Objekte
Die meisten UI-Elemente sind GuiObjects, 2D-grafische Benutzeroberflächenobjekte, die Sie Containern zuordnen können. Die vier häufigsten sind Frames, Labels, Buttons und Text-Eingabe Objekte.
| Objekt | Beschreibung |
|---|---|
| Frame | Frames fungieren als Container für andere UI-Objekte. Wenn Sie Frames manipulieren, manipulieren Sie auch die Objekte, die sie enthalten. |
| Label | TextLabel und ImageLabel Objekte ermöglichen es Ihnen, anpassbaren Text und Bilder anzuzeigen. |
| Button | TextButton und ImageButton Objekte ermöglichen es Benutzern, eine Aktion auszulösen. |
| Text Eingabe | TextBox Objekte ermöglichen es Benutzern, Text einzugeben. |
Mit den Eigenschaften Position, Size, AnchorPoint und ZIndex haben Sie die vollständige Kontrolle darüber, wie Sie positionieren, größeren und schichten GuiObjects. Sie können auch Tweening verwenden, um ein GuiObject sanft von einem Zustand in einen anderen zu überführen und dynamisches visuelles Feedback zu geben.
Layout und Design
Über die grundlegenden Eigenschaften zur Anpassung von Position und Größe hinaus bietet Roblox auch Layoutstrukturen wie Liste/Flex und Raster sowie Größenmodifikatoren und Erscheinungsmodifikatoren.
Universelles Styling
Universelles Styling ist eine Roblox-Lösung für Stylesheets, ähnlich wie CSS, die es Ihnen ermöglicht, Überschreibungen für UI-Instanz-Eigenschaften zu deklarieren und global anzuwenden. Diese engine-seitige Unterstützung ist die Grundlage für den Style Editor und die End-to-End-Token-Pipeline.
Interaktive Frameworks
Neben den grundlegenden Benutzeroberflächenobjekten bieten die folgenden Frameworks integrierte und anpassbare Interaktivität für Ihre Spiele.
Nähe-Aufforderungen
Nähe-Aufforderungen sind einzigartige integrierte UI-Objekte, die eine Benutzerinteraktion anfordern, um eine Aktion auszulösen, wenn sie sich in der Nähe von Spielobjekten wie Türen, Lichtschaltern und Tasten befinden.
UI-Ziehdetektoren
UI-Ziehdetektoren erleichtern und fördern die Interaktion mit 2D-Benutzeroberflächenelementen wie Schiebereglern, Spinnern und mehr.
3D-Ziehdetektoren
3D-Ziehdetektoren fördern die physische Interaktion mit 3D-Objekten in einem Spiel, wie das Öffnen von Türen und Schubladen, das Verschieben eines Teils, das Greifen und Werfen eines Bowlingballs, das Zurückziehen und Abfeuern einer Schleuder und vieles mehr.