Interface utilisateur

*Ce contenu est traduit en utilisant l'IA (Beta) et peut contenir des erreurs. Pour consulter cette page en anglais, clique ici.

Vous pouvez créer rapidement des interfaces graphiques utilisateur de haute qualité avec des exigences de script minimales en utilisant des objets d'interface utilisateur intégrés UI.Selon l'endroit où vous le créez, l'interface utilisateur rend soit sur l'écran ou dans le monde 3D d'une expérience .

IU sur écran

Conteneurs sur écran contiennent les objets d'interface que vous voulez afficher sur l'écran d'un utilisateur.Tous les objets et le code d'interface utilisateur sur écran sont stockés et modifiés sur le client.

Interface utilisateur en expérience

Conteneurs d'expérience tels que SurfaceGuis et BillboardGuis contiennent des objets d'interface utilisateur que vous souhaitez afficher dans le monde 3D de votre expérience.

Objets d'interface utilisateur

La plupart des éléments d'interface utilisateur sont GuiObjects , des objets d'interface graphique 2D que vous pouvez parent à des conteneurs.Les quatre plus courantes sont cadres , étiquettes , boutons et objets d'entrée de texte.

ObjetAvertissement
CadreFrames agir comme conteneurs pour d'autres objets d'interface utilisateur. Lorsque vous manipulez des cadres, vous manipulez également les objets qu'ils contiennent.
ÉtiquetteTextLabel et ImageLabel les objets vous permettent d'afficher du texte et des images personnalisables.
BoutonTextButton et ImageButton objets permettent aux utilisateurs de déclencher une action.
Entrée de texteTextBox les objets permettent aux utilisateurs d'entrer du texte.

En utilisant les propriétés Position , Size , AnchorPoint et ZIndex , vous avez un contrôle complet sur la façon de positionner , de taille , et coucheGuiObjects .Vous pouvez également utiliser tweening pour effectuer une transition GuiObject en douceur d'un état à un autre et fournir un commentairesvisuel dynamique.

Disposition et design

En plus des propriétés de base pour ajuster la position et la taille, Roblox fournit également des structures de mise en page comme liste/flexibilité et grille , ainsi que des modificateurs de taille et des modificateurs d'apparence .

UIListLayout pour les séquences d'éléments horizontaux ou verticaux

Framworks interactifs

En plus des objets d'interface utilisateur de base , les frameworks suivants fournissent une interaction intégrée et personnalisable pour vos expériences.

Invites de proximité

Les demandes de proximité sont des objets d'interface utilisateur intégrés uniques qui incitent l'interaction de l'utilisateur à déclencher une action lorsqu'ils approchent des objets in-expérience tels que des portes, des interrupteurs à lumière et des boutons.

Détecteurs de glissement de l'interface utilisateur

Détecteurs de glissement de l'interface utilisateur facilitent et encouragent l'interaction avec les éléments d'interface utilisateur 2D tels que les curseurs, les sélecteurs et plus encore.

Détecteurs de glissement 3D

Détecteurs de glissement 3D encouragent l'interaction physique avec des objets 3D dans une expérience, tels que l'ouverture de portes et de tiroirs, le glissement d'une partie autour, la saisie et le lancer d'une boule de bowling, le retrait et le tir d'un lance-pierres, et bien plus encore.