Configurações de Grade e Tabela

*Este conteúdo é traduzido por IA (Beta) e pode conter erros. Para ver a página em inglês, clique aqui.

Em comparação com UIListLayout, UIGridLayout e UITableLayout, permite layouts mais estruturados e organizados. Estes são mais apropriados para interfaces como um inventário de loja onde cada item pode ser apresentado em uma grade de tamanhos iguais, ou itens podem ser classificados em relações relacionadas.

Layout da Grade

UIGridLayout posições irmãs GuiObjects em uma grade de células uniformes do mesmo tamanho dentro de seu contêiner pai. Células são adicionadas por fileira ou coluna baseado no layout

Por padrão, UIGridLayout posições irmãos GuiObjects na ordem de seus LayoutOrder onde valores inferiores vão antes de valores superiores, e valores iguais

Layout da Tabela

UITableLayout posições irmãos GuiObjects e seus filhos no formato da tabela. O padrão FillDirection de 0> Enum.FillDirection|Vertical0> significa que irmãos são primeiro

Este padrão imita a estrutura padrão de linha/coluna de HTML:


<table>
<tbody>
<tr> <!-- Row1 -->
<td>Label 1</td> <!-- TextLabel1 -->
<td>Label 2</td> <!-- TextLabel2 -->
<td>Label 3</td> <!-- TextLabel3 -->
</tr>
<tr> <!-- Row2 -->
<td>Label 4</td> <!-- TextLabel4 -->
<td>Label 5</td> <!-- TextLabel5 -->
<td>Label 6</td> <!-- TextLabel6 -->
</tr>
<tr> <!-- Row3 -->
<td>Label 7</td> <!-- TextLabel7 -->
<td>Label 8</td> <!-- TextLabel8 -->
<td>Label 9</td> <!-- TextLabel9 -->
</tr>
</tbody>
</table>

A menos que você habilite as propriedades FillEmptySpaceColumns ou FillEmptySpaceRows do