Utilizando o GridLayout (SWT)

Você pode utilizar o GridLayout com contêineres SWT para organizar widgets em uma disposição de grade.

O gerenciador de layout de GridLayout do SWT organiza widgets em linhas e colunas. O visual editor fornece feedback à medida que você inclui widgets na grade. Ao inclui um widget, é possível incluí-lo em uma célula de grade vazia, ou você pode forçar a grade a incluir uma nova linha ou coluna e colocar o widget em uma nova célula. Ao incluir novas linhas ou colunas, células "vazias" são criadas, conforme necessário. Como GridLayout requer que cada célula contenha um widget, uma etiqueta de preenchimento sem texto é incluída, as células vazias incluem na verdade uma etiqueta de preenchimento sem texto.

O visual editor exibe uma borda de grade e indicadores de posicionamento para ajudá-lo a determinar onde os widgets estão localizados na grade e onde um widget será colocado em relação a outros widgets. Uma barra amarela que se estende por toda a largura ou altura da grade indica que uma linha ou coluna inteira será incluída. Uma barra amarela que se estende por uma única linha ou coluna indica que somente aquela linha ou coluna será afetada.

GridLayout do SWT

Para obter ajuda adicional, leia as seguintes seções deste tópico:

Incluindo ou Movendo Componentes no GridLayout
Configurando o Alinhamento de um Componente em sua Célula na Grade
Estendendo um Widget pelas Células da Grade
Especificando o Número de Colunas e Linhas da Grade

Incluindo ou Movendo Componentes no GridLayout

Selecione o componente na paleta o qual deseja incluir no layout de grade ou clique e arraste o componente existente que deseja mover no layout de grade.
Mova o ponteiro do mouse sobre a posição em que deseja soltar ou mover o componente. À medida que você move o cursor, feedback visual indica o posicionamento do widget se você liberar o botão do mouse. Uma barra amarela indica que uma nova linha ou coluna será criada
Clique ou libere o mouse para soltar o componente na posição selecionada. Dependendo do posicionamento, o visual editor moverá widgets e criará linhas ou colunas, conforme necessário.

Tabela 1. Posicionamentos e Resultados de Soltar de Exemplo
Posição do Cursor e Feedback	Resultado
Cursor colocado em uma célula vazia:	Widget incluído na célula:
Cursor colocado na borda horizontal da grade:	Widget incluído na célula em uma nova linha:
Cursor colocado na borda vertical da grade:	Widget incluído na célula em uma nova coluna:
Cursor colocado na borda vertical da grade, em uma única linha:	Widget (CLabel) incluído na célula, outros widgets da linha são movidos:

Configurando o Alinhamento de um Componente em sua Célula na Grade

Clique com o botão direito do mouse no componente e selecione Personalizar Layout. O diálogo Customizar Layout é aberto.
Na seção Alinhamento da página Componente, selecione um dos botões de bússola para alinhar o componente. Por exemplo, se você clicar no botão NW (Noroeste), o componente será alinhado no canto superior esquerdo da célula de grade.
Clique ou libere o mouse para soltar o componente na posição selecionada. No layout de grade, só é possível colocar um item à esquerda ou à direito de outro item. Dependendo do número de colunas e se há outros componentes que se estendem pelas colunas, o visual editor moverá os widgets e criará linhas conforme necessário.
Opcional: Para fazer com que a linha ou a coluna que contém o componente retenha espaço extra no contêiner, clique no botão Preenchimento Horizontal ou Preenchimento Vertical. Se várias linhas ou colunas estão retendo espaço extra, elas dividirão igualmente o espaço em excesso.

Estendendo um Widget pelas Células da Grade

Para estender um widget por várias células da grade, execute uma das seguintes etapas:

Clique em uma alça de redimensionamento no widget e arraste o componente pelas células até uma caixa cinza escura ocupar as células pelas quais deseja estender, em seguida, libere o botão do mouse:
Na janela Customizar Layout, digite o número exato de células pelas quais deseja estender o widget. Se você aumentar a extensão Vertical, o componente será estendido para a célula abaixo de sua posição atual. Se você aumentar a extensão Horizontal, o componente se estenderá até a célula à direita de sua posição atual.

Especificando o Número de Colunas e Linhas da Grade

Ao incluir ou mover widgets, o número de colunas e linhas pode mudar dinamicamente. Também é possível especificar manualmente o número de colunas:

Na visualização Design, selecione o contêiner que utilizar o layout de preenchimento.
Clique no botão Customizar Layout da barra de ferramentas. O diálogo Personalizar Layout é aberto.
Na guia do bloco de notas Layout, digite um novo valor no campo Número de Colunas.
Opcional: Você pode fazer com que todas as colunas da grade tenham a mesma largura, selecionando a caixa de opções Tornar a largura das colunas igual.