UIListLayout

Mostrar obsoleto

*Este conteúdo é traduzido por IA (Beta) e pode conter erros. Para ver a página em inglês, clique aqui.

A UIListLayout posiciones de elementos de la interfaz de usuario hermanos en filas o columnas dentro del contenedor de padre de la interf

UIListLayouts illustrating FillDirection of either horizontal
or vertical.

Para controlar el orden de la lista de hermanos, establece SortOrder para al menos Class.UIListLayout.

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

El relleno entre hermanos está controlado a través de la propiedad Padding correctamente, y el envolver dentro de los límites del contenedor padre a través del botón Wraps . El alineamiento de los hermanos dentro del

Tenga en cuenta que hay implicaciones de rendimiento de usar una lista de listas de flexionables, ya que se necesitan cálculos adicionales para calcular el tamaño de la base de flexiones, tamaño de flexiones extra y envoltura de línea. Flex se habilita en un UIListLayout cuando las siguientes propiedades están establecer, o si cualquier Class.UIFlex

Resumo

Propriedades

Propriedades herdados de UIGridStyleLayout

Propriedades

HorizontalFlex

Ler Parallel

Cuando el listado de layouts establece FillDirection en Enum.FillDirection.Horizontal, la propiedad HorizontalFlex especifica cómo distribuir espacio extra horizontal en el contenedor padre.


<tbody>
<tr>
<td><code>Enum.UIFlexAlignment.None|None</code></td>
<td>Sin comportamiento de flex; los hermanos mantienen su ancho definido.</td>
</tr>
<tr>
<td><code>Enum.UIFlexRotation.Fill|Fill</code></td>
<td>Los hijos se resizan horizontalmente para llenar todo el contenedor padre, superponiendo su ancho definido. El número de hijos en una fila se mantiene sin cambios; por ejemplo, si tres hijos se ajustan horizontalmente dentro de la ancho definida por el <code>enum.UIFlexAlignment.None|None</code> configuración, esos tres hijos se revisarán para llenar la ancho.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>Los hermanos mantienen su ancho definido. Se agrega el espaciado igual en ambos lados de cada (elemento) del mismo nivel.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceBetween|SpaceBetween</code></td>
<td>Los hermanos mantienen su ancho definido. Se agrega el espaciado igualitario entre hermanos, pero no se agrega espacio adicional alrededor de los hermanos.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>Los hermanos mantienen su ancho definido. Se agrega el espaciado igualitario entre hermanos <b>entre</b> y <b>alrededor de</b> hermanos.</td>
</tr>
</tbody>
ConfiguraciónComportamiento de hermano
UIListLayout examples showing how each HorizontalFlex option affects the size and spacing of sibling UI objects.
Comportamiento de dirección cruzada

En listas de listas verticales listas de listas ( FillDirection establecido en Enum.FillDirection.Vertical), la propiedad 1> Horizontal

Diagram showing how HorizontalFlex affects the horizontal size of sibling UI objects when the UIListLayout fill direction is set to vertical.
Interacción de tamaño automático

Si GuiObject.AutomaticSize está habilitado para un hijo del UIListLayout en el FillDirection, se interpreta como "base de flexión automática" y define el tamaño del 1> Class.GuiObject1> desde el que puede crecer o encogerse.

Si GuiObject.AutomaticSize está habilitado para un hijo del UIListLayout en la dirección de la cruz, se interpreta como "tamaño de cruz automático" y define el tamaño mínimo necesario para contener todo el contenido del hijo en la dirección de la cruz.

ItemLineAlignment

Ler Parallel

En un diseño de flexión, define el alineamiento de dirección cruzada de los hermanos dentro de una línea. Véase Enum.ItemLineAlignment para ejemplos visuales.


<tbody>
<tr>
<td><code>Enum.ItemLineAlignment.Automatic|Automatico</code></td>
<td>Alinea los hermanos del layout o el padre específico de <code>Class.UIFlexItem</code> a la alineación de la layout. <code>Class.UIListLayout.HorizontalAlignment|HorizontalAlignment</code> o <code>Class.UIListLayout.VerticalAlignment|VerticalAlignment</code>, dependiendo de su 1> Class.UIListLayout.FillDirection|FillDirection1> .</td>
</tr>
<tr>
<td><code>Ensamblar.Artículo de Alineamiento.Inicio|Inicio</code></td>
<td>Alinea a los hermanos del layout o el padre específico <code>Class.UIFlexItem</code> a la línea <b>superior</b> en un relleno horizontal o el padre <b>izquierdo</b> en un relleno vertical.</td>
</tr>
<tr>
<td><code>Enum.ItemLineAlignment.Center|Center</code></td>
<td>Alinea a los hermanos del diseño o el padre específico <code>Class.UIFlexItem</code> a la línea <b>centro</b> en relleno horizontal o vertical.</td>
</tr>
<tr>
<td><code>En列对齐结束|Fin delimitador</code></td>
<td>Alinea a los hermanos del layout o el padre específico <code>Class.UIFlexItem</code> a la línea <b>baja</b> en un relleno horizontal o el padre <b>derecho</b> en un relleno vertical.</td>
</tr>
<tr>
<td><code>Enum.ItemLineAlignment.Stretch|Stret</code></td>
<td>Estira a los hermanos del diseño o al padre específico <code>Class.UIFlexItem</code> para llenar toda la dirección cruzada de la línea en un relleno horizontal o vertical.</td>
</tr>
</tbody>
ConfiguraciónComportamiento de hermano
Examples of options for ItemLineAlignment in a horizontal fill direction.

Padding

Ler Parallel

Determina la cantidad de espacio gratuito entre cada elemento, establecido en un porcentaje (porcentaje de tamaño del padre en la dirección actual) o en un desplazamiento (valor de espaciado estático similar al tamaño de píxel).

Ler Parallel

Cuando el listado de layouts establece FillDirection en Enum.FillDirection.Vertical, la propiedad VerticalFlex especifica cómo distribuir espacio vertical extra en el contenedor padre.


<tbody>
<tr>
<td><code>Enum.UIFlexAlignment.None|None</code></td>
<td>Sin comportamiento de flex; los hermanos mantienen su altura definida.</td>
</tr>
<tr>
<td><code>Enum.UIFlexRotation.Fill|Fill</code></td>
<td>Los hijos se reorganizan verticalmente para llenar todo el contenedor padre, anulando su altura definida. El número de hijos en una columna se mantiene sin cambios; por ejemplo, si tres hijos caben verticalmente dentro de la altura del contenedor bajo la configuración <code>Enum.UIFlexAlignment.None|None</code>, esos tres hijos se reorganizarán para llenar toda la altura.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceAround|SpaceAround</code></td>
<td>Los hermanos mantienen su altura definida. Se agrega el espaciado igual en ambos lados de cada (elemento) del mismo nivel.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceBetween|SpaceBetween</code></td>
<td>Los hermanos mantienen su altura definida. Se agrega el espaciado igualitario entre hermanos, pero no se agrega espacio adicional alrededor de los hermanos.</td>
</tr>
<tr>
<td><code>Enum.UIFlexAlignment.SpaceEvenly|SpaceEvenly</code></td>
<td>Los hermanos mantienen su altura definida. Se agrega el espaciado igualitario entre hermanos <b>entre</b> y <b>alrededor</b> de los hermanos.</td>
</tr>
</tbody>
ConfiguraciónComportamiento de hermano
UIListLayout examples showing how each VerticalFlex option affects the size and spacing of sibling UI objects.
Comportamiento de dirección cruzada

En los listados de listas horizontal ( FillDirection ) establecidos en Enum.FillDirection.Horizontal, la propiedad 1> VerticalFlex1>

Diagram showing how VerticalFlex affects the vertical size of sibling UI objects when the UIListLayout fill direction is set to horizontal.
Interacción de tamaño automático

Si GuiObject.AutomaticSize está habilitado para un hijo del UIListLayout en el FillDirection, se interpreta como "base de flexión automática" y define el tamaño del 1> Class.GuiObject1> desde el que puede crecer o encogerse.

Si GuiObject.AutomaticSize está habilitado para un hijo del UIListLayout en la dirección de la cruz, se interpreta como "tamaño de cruz automático" y define el tamaño mínimo necesario para contener todo el contenido del hijo en la dirección de la cruz.

Wraps

Ler Parallel

Controla si los hermanos dentro del contenedor padre se envuelven en otra línea cuando su tamaño predeterminado excede el ancho/altura de los límites del contenedor.

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

Métodos

Eventos