As posições UIListLayout irmãs GuiObjects em linhas horizontais ou colunas verticais dentro do contêiner pai.Sempre que você adiciona ou remove um Objetoirmão, o layout se ajusta de acordo.
Uma vez que você insere um UIListLayout , ele substitui ou influencia o Position , Rotation e/ou Size de todos os objetos de UI irmão, então as alterações nessas propriedades dentro da janela Propriedades ou dentro de um script não terão o efeito normal.
Preencher direção
A propriedade FillDirection determina a direção em que os irmãos do layout da lista renderizarão.
A ordem é determinada pela propriedade do layout que pode ser crescente numérico , com base no valor do inteiro de cada item, ou alfanumérico com base no valor do item .
Para reverter elementos, como a ordem de direita para a esquerda em uma lista horizontal, você precisará reverter a classificação.Por exemplo, se quatro itens forem solicitados por LayoutOrder de 0 , 1 , 2 , 3 respectivamente, negue cada valor para formar uma ordem de 0 , -1 , -2 , -3.
Alinhamento
As propriedades HorizontalAlignment e VerticalAlignment determinam o alinhamento respectivo de X e Y dos irmãos da lista em relação uns aos outros e os limites gerais da lista dentro de seu contêiner.Por exemplo, uma lista preenchida horizontalmente com VerticalAlignment de Center alinha os irmãos da lista uns com os outros centralmente e centraliza a lista verticalmente em seu contêiner.
HorizontalAlignment e VerticalAlignment diferem ligeiramente de alinhamento de linha de item em um layout flexível, com o qual você pode alinhar itens na mesma linha sem aplicar o mesmo alinhamento aos limites gerais da lista em seu contêiner.
Embalagem
Os controles booleanos Wraps booleanos determinam se os irmãos dentro do contêiner pai se encaixam em outra linha quando o tamanho padrão exceder a largura/altura dos limites do contêiner.
Ajuste de espaço
A propriedade determina a quantidade de espaço vazio entre cada item da lista, definida para uma escala (percentagem do tamanho do contêiner na direção atual) ou um deslocamento (valor de espaçamento estático semelhante ao tamanho do pixel).
Essa propriedade não se aplica ao acolchoamento de ao redor de os limites gerais da lista; veja UIPadding para aplicar o acolchoamento superior, inferior, esquerdo e/ou direito aos conteúdos do pai.
Layouts flexíveis
Integrar flex em um UIListLayout é uma maneira poderosa de preencher/distribuir igualmente ou alinhar/estender itens da lista através de sua linha, ou flex específicos de itens através de um espaço variável.
Embora o flex seja uma ferramenta poderosa, você não deve aplicá-la a um UIListLayout sem propósito, pois isso adiciona um pequeno custo de desempenho acima do não flex, especialmente ao redimensionar o layout ou adicionar/remover itens flex dinamicamente.
Além disso, um layout de grade pode ser preferível quando os itens devem se alinhar estritamente a uma grade nas direções X e Y , pois os layouts de grade impõem um tamanho de célula consistente enquanto os layouts flexíveis podem usar um número variável de itens por linha.
Preenchimento ou distribuição igual
Quando a direção de preenchimento da lista é definida como , a propriedade especifica como distribuir espaço horizontal extra no contêiner pai.Da mesma forma, quando a direção de preenchimento é definida como Vertical , a propriedade VerticalFlex especifica como distribuir espaço vertical extra.
Um uso prático de HorizontalFlex é uma interface com abas onde o flex preenche igualmente a barra de abas, independentemente do número de abas.Nenhuma abordagem é mais fácil do que flex neste caso, porque calcula automaticamente a largura de cada aba sem configurações de largura definidas pelo desenvolvedor e ajusta automaticamente se o número de abas mudar.
Alinhamento da linha de itens
A propriedade ItemLineAlignment define o alinhamento transversal de irmãos dentro de uma linha, permitindo que você alinhe objetos de diferentes larguras/alturas ou preencha toda a linha de objetos de menor largura/altura.
Um caso de uso prático para ItemLineAlignment é estender uma série de ladrilhos de tamanhos inconsistentes para preencher toda a linha ( Stretch ), tornando o layout mais coeso.
Flexione itens individuais
Enquanto flexiona um layout inteiro é uma poderosa utilidade, certos layouts são mais adequados para flexão de itens individuais .Em tais layouts, alguns elementos na lista mantêm seu tamanho principal enquanto outros itens flexionam para preencher espaços variáveis.Um uso prático é um widget de barra de controle com rótulos uniformes em ambos os lados e uma barra de controle flexível que preenche toda a largura entre.
Para definir um item de lista específico como flexível, insira um UIFlexItem como filho do item flexível, então defina sua propriedade FlexMode para Fill, Grow, Shrink ou Custom.
