Vous pouvez rapidement créer des interfaces graphiques de haute qualité avec un minimum d'exigences en matière de script en utilisant les objets UI intégrés. En fonction de l'endroit où vous les créez, l'UI se rend soit sur l'écran, soit dans le monde 3D d'une expérience.
UI sur écran
Les conteneurs sur écran contiennent des objets UI que vous souhaitez afficher sur l'écran d'un joueur, y compris des cadres, des étiquettes, des boutons, et plus encore. Tous les objets UI sur écran et le code sont stockés et modifiés sur le client.
UI dans l'expérience
Les conteneurs dans l'expérience tels que SurfaceGuis et BillboardGuis contiennent des objets UI que vous souhaitez afficher dans le monde 3D de votre expérience.
Objets UI
La plupart des éléments UI sont des GuiObjects, des objets d'interface utilisateur graphique 2D que vous pouvez parenté à des conteneurs. Les quatre plus courants sont les cadres, les étiquettes, les boutons, et les objets d'entrée de texte.
| Objet | Description |
|---|---|
| Frame | Frames agissent comme des conteneurs pour d'autres objets UI. Lorsque vous manipulez des cadres, vous manipulez également les objets qu'ils contiennent. |
| Label | Les objets TextLabel et ImageLabel vous permettent d'afficher du texte et des images personnalisables. |
| Button | Les objets TextButton et ImageButton permettent aux utilisateurs de déclencher une action. |
| Text Input | Les objets TextBox permettent aux utilisateurs de saisir du texte. |
En utilisant les propriétés Position, Size, AnchorPoint, et ZIndex, vous avez un contrôle total sur la façon de positionner, dimensionner, et superposer les GuiObjects. Vous pouvez également utiliser le tweening pour faire passer un GuiObject en douceur d'un état à un autre et fournir un retour visuel dynamique.
Mise en page et design
Au-delà des propriétés de base pour ajuster la position et la taille, Roblox offre également des structures de mise en page comme list/flex et grid, ainsi que des modificateurs de taille et des modificateurs d'apparence.
Style universel
Le style universel est une solution Roblox aux feuilles de style, semblable au CSS, qui vous permet de déclarer et d'appliquer globalement des substitutions aux propriétés des instances UI. Ce support au niveau du moteur est le fondement de l'Éditeur de style et du pipeline de tokens de bout en bout.
Cadres interactifs
En plus des objets d'interface utilisateur principaux, les cadres suivants fournissent une interactivité intégrée et personnalisable pour vos expériences.
Invites de proximité
Les invites de proximité sont des objets UI intégrés uniques qui demandent une interaction de l'utilisateur pour déclencher une action lorsqu'ils s'approchent d'objets dans l'expérience tels que des portes, des interrupteurs, et des boutons.
Détecteurs de glissement UI
Les détecteurs de glissement UI facilitent et encouragent l'interaction avec des éléments d'interface utilisateur 2D tels que des curseurs, des roue de défilement, et plus encore.
Détecteurs de glissement 3D
Les détecteurs de glissement 3D encouragent l'interaction physique avec des objets 3D dans une expérience, comme ouvrir des portes et tiroirs, faire glisser une pièce, attraper et lancer une boule de bowling, tirer en arrière et tirer un lance-pierres, et bien plus encore.