UIListLayout
*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'
Pour contrôler l'ordre d'apparition des frères et sœurs, définissez SortOrder pour
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
- ItemLineAlignment n'est pas set sur Class.UIListLayout.Automatic.
- Wraps est true .
Résumé
Propriétés
Contrôle la façon de distribuer de l'espace horizontal supplémentaire.
Dans un layout flexible, définis l'alignement de directions des frères dans une ligne.
Quantité d'espace libre entre chaque élément.
Contrôle la façon dont le espacevertical supplémentaire est distribué.
Contrôle si les frères et sœurs dans le conteneur parent sont enroulés.
La taille absolue de l'espace prise par le réseau de grille.
Détermine l'axe dans lequel les objets de l'interface utilisateur sont placés.
Détermine l'alignement horizontal des éléments de l'interface utilisateur dans l'élément parent.
Détermine l'ordre dans lequel les objets de l'interface utilisateur enfant sont placés dans un layout.
Détermine l'alignement vertical des éléments de l'interface utilisateur dans l'élément parent.
Propriétés
HorizontalFlex
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ètre | Comportement des frères et sœurs |
---|
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
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
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ètre | Comportement des frères et sœurs |
---|
Padding
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).
VerticalFlex
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ètre | Comportement des frères et sœurs |
---|
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
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
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.