UIListLayout
*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
Para controlar el orden de la lista de hermanos, establece SortOrder para al menos Class.UIListLayout.
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
- Wraps es true .
Resumo
Propriedades
Controla cómo distribuir espacio horizontal extra.
En un diseño flexible, define el alineamiento transportador de los hermanos dentro de una línea.
Cantidad de espacio gratis entre cada elemento.
Controla cómo distribuir espacio vertical extra.
Controla si los hermanos dentro del contenedor padre se envuelven.
El tamaño absoluto del espacio que se está ocupando por la cuadrícula.
Determina el eje en el que se alinean los objetos de la interfaz de usuario.
Determina el alineamiento horizontal de los elementos de la interfaz de usuario dentro del elemento padre.
Determina el orden en que se colocan los objetos de la interfaz de usuario hija en un layout.
Determina el alineamiento vertical de los elementos de la interfaz de usuario dentro del elemento padre.
Propriedades
HorizontalFlex
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ón | Comportamiento de hermano |
---|
Comportamiento de dirección cruzada
En listas de listas verticales listas de listas ( FillDirection establecido en Enum.FillDirection.Vertical), la propiedad 1> 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.
ItemLineAlignment
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ón | Comportamiento de hermano |
---|
Padding
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).
VerticalFlex
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ón | Comportamiento de hermano |
---|
Comportamiento de dirección cruzada
En los listados de listas horizontal ( FillDirection ) establecidos en Enum.FillDirection.Horizontal, la propiedad 1> VerticalFlex1>
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
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.