Les cadres sont GuiObjects qui agissent comme des conteneurs pour d'autres GuiObjects . Vous pouvez les utiliser pour l'interface de l'utilisateur qui s'affiche sur l'écran d'un utilisateur ou sur la surface dans l'expérience.
Lorsque vous manipulez des cadres, vous manipulez
Types de cadre
Il existe trois types de cadres principaux, chacun servant à un but spécifique dans la conception d'interface utilisateur.
Frame
Un Frame est un simple rectangle vide. Si vous parent GuiObjects à l'aide de Frame, ils s'
ScrollerFrame
Un ScrollingFrame est un cadre composé de deux éléments : un toile personnalisable et barre de défilement . Ce type de cadre vous permet d'afficher beaucoup d'informations dans un espace limité, et il est utile pour les menus et les listes.
Vous pouvez définir la position et la taille d'un ScrollingFrame par le biais de ses propriétés respectives Position et Size. Remarquez que la barre de défilement prend une partie de la taille d'un 2>Class.ScrollingFrame2>.
Canvas
La canvas est la zone à l'intérieur d'un ScrollingFrame qui est capable de contenir d'autres GuiObjects . Si l'une des dimensions de la 1> Class.ScrollingFrame1> est plus large que la taille globale du 4> Class.ScrollingFrame4>, la barre de défilement est visible, sinon elle est cachée.
La propriété CanvasSize détermine la taille de la zone que vous pouvez déplorer, pas la taille du ScrollingFrame lui-même. Si vous devez savoir à quel point la zone de vision réelle est grande dans un ScrollingFrame, vous pouvez l'accéder en utilisant la propriété de lecture unique 1>Class.ScrollingFrame.
La propriété CanvasPosition détermine votre position par défaut dans le canevas en pixels, et défini la position de la barre de défilement correspondant. Remarquez que cette propriété ne fait rien lorsque la barre de défilement n'est pas visible.
Bar de défilement
La barre de défilement du contenu affiche votre position dans le contenu du ScrollingFrame qui n'est pas visible. Il y a deux types de barres de défilement: une barre de défilement verticale et une barre de défilement horizontale. Une barre de défilement verticale vous permet de défiler vers le haut et vers le bas, tandis qu'une barre de défilement horizontale vous permet de défiler vers la gauche et vers la droite.
En utilisant la propriété VerticalScrollBarPosition, vous pouvez soit déplacer la position d'une barre de défilement verticale à gauche ou à droite de la toile, soit la position d'une barre de défilement verticale à gauche ou à droite de la toile.
Les barres de défilement sont composées de trois images :
- En haut — Image qui s'affiche au-dessus de la vignette de la barre de défilement.
- Milieu — Image qui s'affiche comme la vignette de la barre de défilement.
- En bas — Une image qui s'affiche en bas de la vignette de la barre de défilement.
Vous pouvez personnaliser ces images via les propriétés de défilement respectives de la barre de défilement de TopImage, MidImage et BottomImage. Notez que les propriétés de défilement vertical et horizontal utilisent les mêmes images, mais la
Chaque image échelle en fonction de la propriété ScrollBarThickness, qui change la largeur d'une barre de défilement verticale ou la hauteur d'une barre de défilement horizontale. Cette propriété détermine également la largeur et la hauteur des images de barre de défilement au-dessus et au-dessous, ainsi que la épaisseur de l'image au milieu
Afficher la fenêtre
Un ViewportFrame est un cadre qui utilise une caméra pour rendre des objets 3D. Ce type de cadre est un excellent moyen de montrer des objets 3D et des modèles dans un espace 2D, tels que :
- Une minimap de votre expérience directement dans le coin d'un utilisateur.
- Modèles 3D des articles dans un menu d'inventaire.
- Objets pivotés que l'un d'un personnage a équipés.
Les objets 3D que les utilisateurs voient à travers un ViewportFrame peuvent soit se déplacer avec leur caméra, soit rester statiques, soit tourner dans le ViewportFrame . Cet objet peut également inclure un enfant Sky comme carte de référence pour les reflets.
Si vous voulez que l'objet 3D se déplace avec la caméra :
Placez votre vue de caméra dans l'expérience afin que l'objet que vous voulez voir dans le cadre soit visible.
Ajoutez un nouveau ViewportFrame à l'écran et vérifiez que vous l'avez sélectionné dans le Explorateur .
Dans la fenêtre propriétés, attribuez la propriété Caméra actuelle à la caméra :
- Sélectionnez la propriété Caméra actuelle . Votre curseur change.
- Dans la fenêtre Explorateur, cliquez sur l'objet caméra de niveau supérieur.
Parent l'objet 3D souhaité à la nouvelle ViewportFrame . Notez que si vous voulez toujours voir l'objet dans votre expérience, vous devez le dupliquer dans le espace de travail et puis parent l'objet dupliqué à l'1> Class.ViewportFrame1> .
Lorsque vous déplacez votre caméra, l'objet se déplacera également dans le ViewportFrame .
Lorsque vous voulez mettre à jour la vue de votre ViewportFrame, assurez-vous de mettre à jour la caméra, non les objets dans la voir.