UIListLayout

Afficher les obsolètes

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

A UIListLayout positionne les éléments d'interface utilisateur frère弟 dans des rangs ou des colonnes dans le conteneur parent de l'

UIListLayouts illustrating FillDirection of either horizontal
or vertical.

Pour contrôler l'ordre d'apparition des frères et sœurs, définissez SortOrder pour

List layout examples illustrating numerical LayoutOrder
sorting or alphanumerical Name sorting.

Le pad entre les frères et sœurs est contrôlé via la propriété Padding correctement, et le wrapping dans les limites du conteneur parent à travers le Wraps bouton. L'alignement des frères dans le cont

Notez que des implications de performance existent pour l'utilisation d'un <a href="/reference/engine/ flex-enabled"> flex</a> liste de liste de liste, puisque des calculs supplémentaires sont nécessaires pour calculer les tailles de base des flex, les tailles des flex et l'emballage des lignes. Flex est activé sur un <a href="/reference/engine/ flex-enabled"> UIListLayout</a> lorsque les propriétés suivantes sont défin

Résumé

Propriétés

Propriétés hérités de UIGridStyleLayout

Propriétés

HorizontalFlex

Lecture parallèle

Lorsque la liste est réglée sur FillDirection , la propriété Enum.FillDirection.Horizontal spécifie comment distribuer de l'espace supplémentaire horizontal dans le conteneur parent.


<tbody>
<tr>
<td><code>enum.UIFlexRotation.None|Aucun</code></td>
<td>Pas de comportement de flexion ; les frères et sœurs gardent leur largeur définie.</td>
</tr>
<tr>
<td><code>Enum.UIFlexRotation.Fill|Fill</code></td>
<td>Les frères et sœurs redimensionnent horizontalement pour remplir tout le conteneur parent, en dépassant leur largeur définie. Le nombre de frères et sœurs dans une rangée reste inchangé ; par exemple, si trois frères s'ajustent horizontalement dans la largeur du conteneur sous l' <code>enum.UIFlexAlignment.None|None</code> paramètre, ces trois frères s'ajusteront à remplir la largeur.</td>
</tr>
<tr>
<td><code>enum.UIFlexRotation.SpaceAround|SpaceAround</code></td>
<td>Les frères et sœurs mainiennent leur largeur définie. L'espacement équilibré est ajouté des deux côtés de chaque frère et sœur.</td>
</tr>
<tr>
<td><code>enum.UIFlexRotation.SpaceBetween|SpaceBetween</code></td>
<td>Les frères et sœurs mainiennent leur largeur définie. L'espacement équilibré est ajouté <b>entre</b> les frères et sœurs, mais aucune espace supplémentaire n'est ajoutée <b>autour</b> des frères et sœurs.</td>
</tr>
<tr>
<td><code>enum.UIFlexRotation.SpaceEvenly|SpaceEvenly</code></td>
<td>Les frères et sœurs mainiennent leur largeur définie. L'espacement équilibré est ajouté entre les frères et sœurs <b>entre</b> et <b>autour</b> des frères et sœurs.</td>
</tr>
</tbody>
ParamètreComportement des frères et sœurs
UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.
Comportement de direction croisée

Dans les listes de liste verticales ( Class.UIListLayout.FillDirection|FillDirection définies sur FillDirection, le paramètre Enum.FillDirection.Vertical spécifie comment distrib

Diagram showing how HorizontalFlex affects the horizontal size of sibling UI objects when the UIListLayout fill direction is set to vertical.
Interaction de taille automatique

Si GuiObject.AutomaticSize est activé pour un enfant de la UIListLayout dans le FillDirection, il est interprété comme « base de flexion automatique » et définit la taille du 1> Class.GuiObject1> à partir de laquelle il peut grandir ou rétrécir.

Si GuiObject.AutomaticSize est activé pour un enfant de la UIListLayout dans la direction croisée , il est interprété comme « la taille croisée automatique » et il définit la taille minimum nécessaire pour contenir tout le contenu de l'enfant dans la direction croisée.

ItemLineAlignment

Lecture parallèle

Dans un flex layout, définit l'alignement de direction des frères dans une ligne. Voir Enum.ItemLineAlignment pour des exemples visuels.


<tbody>
<tr>
<td><code>Entrée d' Item Line Alignment Automatic | Automatic</code></td>
<td>Aligner les frères du layout ou le parent Class.UIFlexItem spécifique à la布局's Class.UIListLayout.HorizontalAlignment|HorizontalRotation ou Class.UIListLayout.VerticalAlignment|VerticalRotation, en fonction de son 2>Class.UIListLayout.FillDirection|FillDirection2> .</td>
</tr>
<tr>
<td><code>Entrée d'énéchéance de ligne d'objet | Démarrer</code></td>
<td>Aligner les frères ou les parents du layout ou le parent spécifique <code>Class.UIFlexItem</code> à la ligne <b>supérieure</b> dans une colonne horizontale ou le parent <b>gauche</b> dans une colonne verticale.</td>
</tr>
<tr>
<td><code>Entrée de l'objet | Centre | Centre</code></td>
<td>Aligner les frères ou les parents du layout ou le parent <code>Class.UIFlexItem</code> à la ligne <b>centre</b> dans une remplissage horizontale ou verticale.</td>
</tr>
<tr>
<td><code>Entrée d'énéchévement | Fin de l'énéchévement</code></td>
<td>Aligner les frères ou les parents du layout ou le parent spécifique <code>Class.UIFlexItem</code> à la ligne <b>en bas</b> dans un remplissage horizontal ou le parent <b>derecho</b> dans un remplissage vertical.</td>
</tr>
<tr>
<td><code>enum.itemlinealignement.stretch|stretch</code></td>
<td>Étire les frères du layout ou le parent <code>Class.UIFlexItem</code> spécifique pour remplir l'ensemble de la direction croisée de la ligne dans une remplissage horizontale ou verticale.</td>
</tr>
</tbody>
ParamètreComportement des frères et sœurs
Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

Lecture parallèle

Détermine la quantité d'espace libre entre chaque élément, soit à échelle (percentage de la taille du parent dans la direction actuelle) soit à décalage (zone de spacing statique similaire à la taille des pixels).

Lecture parallèle

Lorsque la liste de FillDirection est réglée sur Enum.FillDirection.Vertical, la propriété VerticalFlex spécifie comment distribuer de l'espace vertical supplémentaire dans le conteneur parent.


<tbody>
<tr>
<td><code>enum.UIFlexRotation.None|Aucun</code></td>
<td>Pas de comportement de flexion ; les frères et sœurs gardent leur hauteur définie.</td>
</tr>
<tr>
<td><code>Enum.UIFlexRotation.Fill|Fill</code></td>
<td>Les frères et sœurs redimensionnent verticalement pour remplir tout le conteneur parent, en dépassant leur hauteur définie. Le nombre de frères et sœurs dans une colonne reste inchangé ; par exemple, si trois frères s'ajustent verticalement dans la hauteur du conteneur sous l' <code>enum.UIFlexAlignment.None|None</code> paramètre, ces trois frères s'ajusteront à remplir la hauteur.</td>
</tr>
<tr>
<td><code>enum.UIFlexRotation.SpaceAround|SpaceAround</code></td>
<td>Les frères et sœurs mainiennent leur hauteur définie. L'espacement équilibré est ajouté des deux côtés de chaque frère et sœur.</td>
</tr>
<tr>
<td><code>enum.UIFlexRotation.SpaceBetween|SpaceBetween</code></td>
<td>Les frères et sœurs mainiennent leur hauteur définie. L'espacement équilibré est ajouté <b>entre</b> les frères et sœurs, mais aucun espace supplémentaire n'est ajouté <b>autour</b> des frères et sœurs.</td>
</tr>
<tr>
<td><code>enum.UIFlexRotation.SpaceEvenly|SpaceEvenly</code></td>
<td>Les frères et sœurs mainiennent leur hauteur définie. L'espacement équilibré est ajouté entre les frères et sœurs <b>entre</b> et <b>autour</b> des frères et sœurs.</td>
</tr>
</tbody>
ParamètreComportement des frères et sœurs
UIListLayout examples showing how each VerticalFlex option affects the size and spacing of sibling UI objects.
Comportement de direction croisée

Dans les listes de listes horizontales ( Class.UIListLayout.FillDirection|FillDirection) définies sur Enum.FillDirection.Horizontal, la propriété VerticalFlex spécifie comment distribuer les frères sur l'ense

Diagram showing how VerticalFlex affects the vertical size of sibling UI objects when the UIListLayout fill direction is set to horizontal.
Interaction de taille automatique

Si GuiObject.AutomaticSize est activé pour un enfant de la UIListLayout dans le FillDirection, il est interprété comme « base de flexion automatique » et définit la taille du 1> Class.GuiObject1> à partir de laquelle il peut grandir ou rétrécir.

Si GuiObject.AutomaticSize est activé pour un enfant de la UIListLayout dans la direction croisée , il est interprété comme « la taille croisée automatique » et il définit la taille minimum nécessaire pour contenir tout le contenu de l'enfant dans la direction croisée.

Wraps

Lecture parallèle

Contrôle si les frères et sœurs dans le conteneur parent se roulent dans une autre ligne lorsque leur taille par défaut dépasse la largeur/hauteur des limites du conteneur.

Diagram showing how Wraps affects how siblings are distributed within the parent container's bounds.

Méthodes

Évènements