As posições UIListLayout são posicionadas GuiObjects em fileiras horizontais ou colunas verticais dentro de seu contêiner pai. Sempre que você adiciona ou remove um Objetoirmão, o layout é ajustado de acordo.
Uma vez que você inserir um UIListLayout, ele substitui ou influencia o Position, Rotation e/ou 1> Class.GuiObject.Size|Size1> de todos os objetos de propriedade dentro da 4>janela Propriedades4> ou dentro
Direção de Preenchimento
A propriedade FillDirection determina a direção em que os irmãos do layout da lista serão renderizar.
A ordem é determinada pela propriedade SortOrder do layout, que pode ser ascendente , com base no valor de cada item, LayoutOrder, ou 1>alfanumérico1>, com base no valor de cada item, 4> Class.Instance.Name|Name4>.
Para reverter itens, como a ordem de direita para a esquerda em uma lista horizontal, você precisará reverter a classificação. Por exemplo, se quatro itens estiverem ordenados por Class.Gui
Alinhamento
As propriedades HorizontalAlignment e VerticalAlignment determinam o alinhamento respectivo de
HorizontalAlignment e VerticalAlignment diferem um pouco de linha de alinhamento de itens em um layout 0>Flex0>, com o qual você pode alinhar itens na mesma linha sem aplicar o mesmo alinhamento às linhas gerais do seu contêiner.
Embalagem
Os controles de Wraps são invocados para verificar se os irmãos dentro do contêiner de pais são invocados para outra linha quando seu tamanho padrão excede a largura/altura dos limites do contêiner.
Almofada
A propriedade Padding determina a quantidade de espaço vazio entre cada item de lista, definido para uma escala (porcentagem do tamanho do contêiner na direção atual) ou um espaço de ofset.
Essa propriedade não aplica pads em torno dos limites gerais da lista; veja UIPadding para aplicar pads de topo, bottom, esquerda e/ou direita para os conteúdos dos pais.
Layouts Flexíveis
A integração de flex em um UIListLayout é uma maneira poderosa de preencher/distribuir igualmente ou 1> alinhar/esticar1> itens na linha, ou 4> flexionar itens específicos4> na variável espaço.
Embora o flex seja uma ferramenta poderosa, você não deve aplicá-lo a um UIListLayout sem propósito, pois ele adiciona um pequeno custo de desempenho acima de não- flex, especialmente ao redimensionar o layout ou adicionar/subtrair itens de flex dinamicamente.
Além disso, uma 布局 de grade pode ser preferível quando os itens devem estar alinhados estritamente em uma grade nas direções X e Y, já que os布局 de grade implementam um tamanho de célula consistente enquanto os layouts de linha podem usar um número variável de itens por linha.
Preencher Equivalente ou Distribuir
Quando a propriedade Class.UIListLayout.HorizontalFlex|HorizontalFlex é definida como Class.UIListLayout.HorizontalFlex|HorizontalFlex ', a propriedade Class.UIListLayout.VerticalFlex|VerticalFlex especifica como distribuir espaço extra horizontal no contêiner pai. Da mesma forma
Um uso prático de HorizontalFlex é uma interface de janela abaixada onde o flex preenche a barra de aba igualmente, independentemente do número de abas. Nenhuma abordagem é mais fácil do que o flex neste caso, porque ele calcula automaticamente a largura de cada aba sem configurações de largura definidas pelo desenvolvedor e ajusta automaticamente se a quantidade de abas mudar.
Alinhamento da Linha de Itens
A propriedade ItemLineAlignment define o alinhamento do lado a do lado dos irmãos dentro de uma linha, permitindo que você alinhe objetos de diferentes larguras/alturas ou faça objetos de menor largura/altura preencher sua linha inteira.
Um caso de uso prático para ItemLineAlignment é esticar uma série de pequenos ladrilhos para preencher sua linha inteira ( Stretch ) tornando o layout mais coeso.
Flexionando Itens Individuais
Enquanto flexionar uma layout inteira é uma utilidade poderosa, certas layouts são mais adequados para individual item flexing . Nesses layouts, alguns elementos na lista mantêm seu tamanho central enquanto outros itens flex para preencher espaços variáveis. Uma prática utilização é 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 configure sua propriedade FlexMode para <
