Du kannst schnell hochwertige grafische Benutzeroberflächen mit minimalen Skriptanforderungen mit integrierten UI-Objekten erstellen.Abhängig davon, wo du es erstellst, rendert die UI entweder auf dem Bildschirm oder innerhalb der 3D-Welt eines Erlebnisses.
On-Screen-Benutzeroberfläche
On-Screen-Container halten UI-Objekte, die Sie auf dem Bildschirm eines Benutzers anzeigen möchten.Alle auf-Bildschirm-UI-Objekte und Code werden auf dem Client gespeichert und geändert.
In-Erlebnis-UI
Erlebniskontainer wie SurfaceGuis und BillboardGuis halten UI-Objekte, die Sie innerhalb der 3D-Welt Ihrer Erfahrung anzeigen möchten.
UI-Objekte
Die meisten UI-Elemente sind GuiObjects , 2D-grafische Benutzeroberflächenobjekte, die Sie auf Container übertragen können.Die vier häufigsten sind Rahmen, Etiketten, Schaltflächen und Text-Eingabeelemente.
| Objekt | Beschreibung |
|---|---|
| Rahmen | Frames agieren als Container für andere UI-Objekte. Wenn du Frames manipulierst, manipulierst du auch die Objekte, die sie enthalten. |
| Bezeichnung | TextLabel und ImageLabel objekte ermöglichen es ihnen, anpassbaren text und bilder anzuzeigen. |
| Taste | TextButton und ImageButton objekte ermöglichen es benutzern, eine actionauszulösen. |
| Text-Eingabe | TextBox objekte ermöglichen es benutzern, text einzugeben. |
Mit den Eigenschaften , , und hast du volle Kontrolle darüber, wie du positionieren , Größe und Lage bestimmen kannst .Du kannst auch Übergang verwenden, um einen GuiObject fließend von einem Zustand in einen anderen durchzuführen und dynamisches visuelles Feedback zu geben.
Ausgestaltung und Design
Abgesehen von grundlegenden Eigenschaften zur Anpassung von Position und Größe bietet Roblox auch Layoutstrukturen wie Liste/Flex und Gitter sowie Größenmodifizierer und Aussehensmodifizierer an.
Interaktive Frameworks
Zusätzlich zu den Kern-Benutzeroberflächenobjekten bieten die folgenden Frameworks integrierte und anpassbare Interaktivität für deine Erlebnisse.
Näherungsaufforderungen
Näherungsaufforderungen sind einzigartige integrierte UI-Objekte, die die Benutzerinteraktion auffordern, eine Aktion auszulösen, wenn sie In-Experience-Objekte wie Türen, Lichtschalter und Knöpfe erreichen.
Benutzeroberfläche Drag-Detektoren
UI-Zieherdetektoren erleichtern und fördern die Interaktion mit 2D-Benutzeroberflächenelementen wie Schiebern, Drehern und mehr.
3D-Zieherdetektoren
3D-Zieherdetektoren ermutigen physische Interaktion mit 3D-Objekten in einem Erlebnis, wie das Öffnen von Türen und Schubladen, das Gleiten eines Teils, das Greifen und Werfen einer Bowlingkugel, das Zurückziehen und das Abfeuern einer Schleuder und vieles mehr.