Las posiciones de UIListLayout a su hermano menor GuiObjects en filas horizontales o columnas verticales dentro de su contenedor padre. Cuando agrega o elimina un objeto hermano, el diseño se ajusta según el caso.
Una vez que insertas un UIListLayout, se anula o afecta el Position, Rotation y/o 1> Class.GuiObject.Size|Size1> de todos los objetos de propiedad dentro de la 4> ventana Propiedades4> o dentro de un
Llenar dirección
La propiedad FillDirection determina la dirección en la que los hermanos del listado Renderizar.
El orden se determina por la propiedad SortOrder de la plantilla que puede ser tanto ascendente como descendente, según el valor numérico de cada objeto, o alfanumérico basado en el valor de LayoutOrder .
Para revertir elementos, como el orden de los elementos a la izquierda de la lista horizontal, necesitarás revertir el orden. Por ejemplo, si cuatro elementos se ordenan por Class.GuiObject.LayoutOrder|LayoutOrder
Alineamiento
Las propiedades HorizontalAlignment y VerticalAlignment determinan la alineación respectiva de
HorizontalAlignment y VerticalAlignment diferencian ligeramente de item line alignment en un 0> flex0> layout, con el que puede alinear los elementos en la misma línea sin aplicar el mismo alineamiento a los límites generales de la lista en su contenedor.
Embalaje
Los controles de Wraps que controlan si los hermanos dentro del contenedor padre se envuelven a otra línea cuando su tamaño predeterminado excede el ancho/alto de los límites del contenedor.
Amortiguación
La propiedad Padding determina la cantidad de espacio vacío entre cada objetode la lista, establecido en un escala (porcentaje del tamaño del contenedor en la dirección actual) o un desplazamiento (valor de espaciado estático similar al tamaño de píxel).
Esta propiedad no aplica el espaciado alrededor de los límites generales de la lista; véase UIPadding para aplicar el espaciado superior, inferior, izquierdo y/o derecho a los contenidos de los padres.
Diseños de Flex
Incorporar flexión a un UIListLayout es una manera poderosa de llenar/distribuir o 1>alinear/estirar1> listas de elementos en su línea, o 4>flexionar elementos específicos4> en un espacio variable.
Aunque flex es una herramienta poderosa, no deberías aplicarlo a un UIListLayout sin propósito, ya que agrega un costo de rendimiento ligeramente mayor que el de no flex, especialmente cuando escalas el diseño o agregas/eliminas objetos de flex dinámicamente.
Además, un diseño de cuadrícula puede ser preferible cuando los elementos deben alinearse estrictamente en una cuadrícula en las direcciones X y Y , ya que los diseños de cuadrícula requieren un tamaño de celda consistente mientras que los diseños de flexión pueden usar un número variable de elementos por línea.
Llenado o Distribución Igual
Cuando el listado de direcciones de lleno está configurado como Horizontal, la propiedad HorizontalFlex especifica cómo distribuir espacio extra horizontal en el contenedor padre. De manera similar, cuando la dirección de llenado está configurada como
Uno de los usos prácticos de HorizontalFlex es una interfaz de ventana con pestaña donde el flex rellena la barra de pestaña de manera uniforme, independientemente del número de pestañas. No hay enfoque más fácil que el de flex en este caso, ya que calcula automáticamente la longitud de cada pestaña sin configuración de ancho predeterminada y se ajusta automáticamente si
Alineamiento de la línea del artículo
La propiedad ItemLineAlignment define el alineamiento de dirección cruzada de los hermanos dentro de una línea, lo que te permite alinear objetos de diferentes tamaños/alturas o hacer que los objetos de menor tamaño/altura llenen toda su línea.
Un caso de uso práctico para ItemLineAlignment es estirar una serie de baldosas de tamaño desigual para llenar toda su fila ( Stretch), lo que hace que el diseño sea más cohesivo.
Flexionando Artículos Individuales
Mientras flexionar una interfaz de usuario completa es una utilidad poderosa, algunas interfaces de usuario son más adecuadas para flexionar artículos individuales . En tales interfaces, algunos elementos en la lista mantienen su tamaño de núcleo mientras que otros elementos se flexionan para llenar espacios de variable tamaño. Un ejemplo práctico es un widget de barra deslizante con etiquetas uniformes en ambos extremos y una barra deslizadora flexible que rellena toda la altura entre.
Para establecer un elemento de lista específico como flexible, insertar un UIFlexItem como hijo del objetoflexible, luego establecer su propiedad FlexMode a <
