Les Cadres de base agissent comme des conteneurs pour d'autres ObjetsGui tels que les étiquettes et les boutons. Vous pouvez appliquer des cadres pour afficher sur l'écran d'un utilisateur ou sur une surface au sein de l'expérience.

Les cadres sont des conteneurs idéaux pour des mises en page réactives telles que les mises en page en liste et flex, vous permettant de changer la taille du cadre et d'ajuster dynamiquement la façon dont les éléments de mise en page s'adaptent à l'intérieur. Cadres sont également des ObjetsGui de base, donc vous pouvez personnaliser des propriétés telles que BackgroundColor3, Transparency, appliquer un dégradé de fond ou une bordure, et plus encore.
En dehors de leur utilisation courante en tant que conteneurs, vous pouvez également utiliser Cadres pour le design UI. Par exemple, en tant que séparateur visuel entre d'autres éléments de l'interface utilisateur, vous pouvez étirer un cadre pour le rendre mince et long jusqu'à ce qu'il devienne une ligne.
Découpage
Par défaut, les conteneurs Frame découpent leur contenu (enfants ObjetsGui) grâce au boolean ClipsDescendants. Si vous souhaitez que les enfants apparaissent en dehors des limites d'un cadre, il suffit de définir ClipsDescendants sur false.
Il est important de noter que ClipsDescendants ne s'applique pas si le cadre ou l'un de ses ancêtres a une Rotation non nulle ; dans de tels cas, les descendants seront rendus en dehors des limites du cadre.
Dimensionnement automatique
Les cadres peuvent être réglés pour se dimensionner automatiquement en fonction de leur contenu. Pour y parvenir, définissez la Size du cadre sur la largeur et/ou la hauteur minimale, puis définissez sa propriété AutomaticSize sur X, Y, ou XY en fonction des axes sur lesquels le dimensionnement automatique doit s'appliquer. Une fois défini, le cadre se redimensionnera automatiquement en fonction de la taille des ObjetsGui et des mises en page à l'intérieur.