Las posiciones hermanas en filas horizontales o columnas verticales dentro de su contenedor padre.Cada vez que agregas o eliminas un objeto hermano, el diseño se ajusta en consecuencia.
Una vez que insertes un UIListLayout , anula o influye en el Position , Rotation , y/o Size de todos los objetos de interfaz de usuario hermanos, por lo que los cambios en esas propiedades dentro de la ventana Propiedades o dentro de un script no tendrán el efecto normal.
Llenar dirección
La propiedad FillDirection determina la dirección en la que se Renderizarlos hermanos del diseño de la lista.
La solicitud se determina por la propiedad de diseño que puede ser cualquiera de ascendente numérico , basada en el valor entero de cada objeto, o alfanumérico basado en el valor entero del objeto.
Para revertir elementos, como el orden de derecha a izquierda en una lista horizontal, necesitarás revertir el orden.Por ejemplo, si cuatro artículos se ordenan por LayoutOrder de 0 , 1 , 2 , 3 respectivamente, niegue cada valor para formar un pedido de 0 , -1 , -2 , -3 .
Alineación
Las propiedades HorizontalAlignment y VerticalAlignment determinan el alineamiento respectivo de X y Y de los hermanos de la lista en relación entre sí y los límites generales de la lista dentro de su contenedor.Por ejemplo, una lista rellena horizontalmente con VerticalAlignment de Center centra los hermanos de la lista entre sí y centra la lista verticalmente en su contenedor.
HorizontalAlignment y VerticalAlignment diferencian ligeramente de alineación de línea de elemento en un diseño de flex, con el cual puedes alinear 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 booleanos Wraps determinan 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.
Espacio
La propiedad Padding determina la cantidad de espacio vacío entre cada objetode lista, establecida a una escala (porcentaje del tamaño del contenedor en la dirección actual) o a un desplazamiento (valor de espacio estático similar al tamaño de píxel).
Esta propiedad no aplica el relleno alrededor de los límites generales de la lista; vea UIPadding para aplicar el relleno superior, inferior, izquierdo y/o derecho al contenido del padre.
Diseños flexibles
Integrar flex en un UIListLayout es una manera poderosa de llenar/distribuir igualmente o alinear/estirar los elementos de la lista a través de su línea, o flex específicos de elementos a través de un espacio variable.
Aunque flex es una herramienta poderosa, no deberías aplicarla a un UIListLayout sin propósito, ya que agrega un ligero costo de rendimiento por encima de no flex, especialmente al cambiar el diseño o agregar/quitar elementos flex dinámicamente.
Además, un diseño de cuadrícula puede ser preferible cuando los elementos deben alinearse estrictamente a una cuadrícula en las direcciones X y Y , ya que los diseños de cuadrícula imponen un tamaño de celda consistente mientras que los diseños flexibles pueden usar un número variable de elementos por línea.
Llenado o distribución iguales
Cuando la dirección de relleno de la distribución de la lista se establece en , la propiedad especifica cómo distribuir espacio horizontal adicional en el contenedor padre.Del mismo modo, cuando la dirección de relleno se establece en Vertical , la propiedad VerticalFlex especifica cómo distribuir espacio vertical adicional.
Un uso práctico de HorizontalFlex es una interfaz con pestañas en la que flex llena la barra de pestañas por igual, independientemente del número de pestañas.Ningún enfoque es más fácil que flex en este caso, porque calcula automáticamente el ancho de cada pestaña sin configuraciones de ancho definidas por el desarrollador y se ajusta automáticamente si cambia el número de pestañas.
Alineación de la línea de artículos
La propiedad ItemLineAlignment define el alineamiento bidireccional de los hermanos dentro de una línea, permitiéndote alinear objetos de diferentes anchuras/alturas o hacer que los objetos de menor anchura/altura llenen toda su línea.
Un caso de uso práctico para ItemLineAlignment es estirar una serie de azulejos de tamaño inconsistente para llenar toda su fila ( Stretch ), haciendo que el diseño sea más cohesivo.
Flexionar artículos individuales
Si bien flexionar un diseño completo es una potente utilidad, ciertos diseños son más adecuados para flexionar objetos individuales .En tales diseños, algunos elementos de la lista mantienen su tamaño central mientras otros artículos se flexionan para llenar espacios variables.Un uso práctico es un widget de barra deslizadora con etiquetas uniformes en ambos extremos y una barra deslizadora flexible que llena toda la anchura entre ambos extremos.
Para establecer un elemento de lista específico como flexible, insira un UIFlexItem como hijo del objetoflexible, luego establezca su propiedad FlexMode en Fill, Grow, Shrink o Custom.
