Sie können schnell qualitativ hochwertige grafische Benutzeroberflächen mit minimalen Skripting-Anforderungen erstellen, indem Sie die integrierten UI-Objekte verwenden. Je nachdem, wo Sie es erstellen, rendert die UI entweder auf dem Bildschirm oder innerhalb der 3D-Welt eines Erlebnisses.
Auf dem Bildschirm UI
Auf dem Bildschirm Container halten UI-Objekte, die Sie auf dem Bildschirm eines Spielers anzeigen möchten, einschließlich Rahmen, Labels, Schaltflächen und mehr. Alle On-Screen-UI-Objekte und der Code werden auf dem Client gespeichert und geändert.
In-Erlebnis UI
In-Erlebnis Container wie SurfaceGuis und BillboardGuis halten UI-Objekte, die Sie innerhalb der 3D-Welt Ihres Erlebnisses 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 Rahmen, Labels, Schaltflächen und Texteingabe Objekte.
| Objekt | Beschreibung |
|---|---|
| Rahmen | Frames dienen als Container für andere UI-Objekte. Wenn Sie Rahmen manipulieren, manipulieren Sie auch die Objekte, die sie enthalten. |
| Label | TextLabel und ImageLabel Objekte ermöglichen es Ihnen, anpassbaren Text und Bilder anzuzeigen. |
| Schaltfläche | TextButton und ImageButton Objekte ermöglichen es Benutzern, eine Aktion auszulösen. |
| Texteingabe | 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 GuiObjects positionieren, größen und Schichten festlegen. Sie können auch Tweening verwenden, um ein GuiObject reibungslos von einem Zustand in einen anderen zu überführen und dynamisches visuelles Feedback bereitzustellen.
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 zu Stylesheets, ähnlich wie CSS, die es Ihnen ermöglicht, Überschreibungen für UI-Instanzeigenschaften zu deklarieren und global anzuwenden. Diese Unterstützung auf Engine-Ebene bildet die Grundlage für den Style Editor und die End-to-End-Token-Pipeline.
Interaktive Frameworks
Zusätzlich zu den Kern-Benutzeroberflächenobjekten bieten die folgenden Frameworks integrierte und anpassbare Interaktivität für Ihre Erlebnisse.
Nähe-Aufforderungen
Nähe-Aufforderungen sind einzigartige integrierte UI-Objekte, die die Benutzerinteraktion auffordern, um eine Aktion auszulösen, wenn sie sich Objekten im Erlebnis wie Türen, Lichtschaltern und Schaltflächen nähern.
UI-Zieh-Erkenner
UI-Zieh-Erkenner erleichtern und fördern die Interaktion mit 2D-Benutzeroberflächenelementen wie Schiebereglern, Spinnern und mehr.
3D Zieh-Erkenner
3D Zieh-Erkenner fördern die physische Interaktion mit 3D-Objekten in einem Erlebnis, wie das Öffnen von Türen und Schubladen, das Bewegen eines Teils, das Greifen und Werfen eines Bowlingballs, das Zurückziehen und Abfeuern einer Schleuder und vieles mehr.