Uso de GridLayout (SWT)

Puede utilizar GridLayout con contenedores de SWT para organizar widgets en una organización en cuadrícula.

El gestor de diseño GridLayout de SWT organiza los widgets en filas y columnas. El editor visual proporciona comentarios mientras añade widgets a la cuadrícula. Cuando se añade un widget, puede añadirlo a una celda de cuadrícula vacía, o puede forzar la cuadrícula para añadir una fila o columna nueva y colocar el widget en una celda nueva. Cuando se añaden filas o columnas nuevas, las celdas "vacías" se crean como sea necesario. Dado que GridLayout requiere que cada celda contenga un widget, un etiqueta de relleno sin texto se añade a las celdas vacías que incluyen una etiqueta de relleno sin texto.

El editor visual muestra indicadores de borde y colocación de cuadrícula para ayudarle a determinar donde están ubicados los widgets en la cuadrícula y donde un widget se colocará en relación con otros widgets. Una barra amarilla que abarca toda la anchura o altura de la cuadrícula indica que se añadirá una fila o columna entera. Una barra amarilla que abarca una sola fila o columna indica que sólo se verá afectada esa fila o columna:

GridLayout de SWT

Para obtener más ayuda, lea las secciones siguientes de este tema:

Añadir o mover componentes en GridLayout
Establecer la alineación de un componente en la cuadrícula
Expandir un widget entre celdas de la cuadrícula
Especificar el número de columnas y filas en la cuadrícula

Añadir o mover componentes en GridLayout

Seleccione el componente de la paleta que quiera añadir al diseño Grid, o pulse y arrastre el componente existente que quiere mover dentro del diseño Grid.
Mueva el puntero del ratón sobre la posición en la que quiera soltar o mover el componente. Según se mueve el cursor, los comentarios visuales indican la ubicación del widget, si suelta el botón del ratón. Una barra amarilla indica que se creará una fila o columna nueva.
Pulse o suelte el botón del ratón para dejar caer el componente en la posición seleccionada. Según la colocación, el editor visual moverá los widgets y creará filas o columnas según sea necesario.

Tabla 1. Ejemplos de colocaciones y resultados de soltar
Posición del cursor y comentarios	Resultado
Cursor colocado en una celda vacía:	El widget se añade a la celda:
Cursor colocado en un borde horizontal de la cuadrícula:	El widget se añade a la celda en una fila nueva:
Cursor colocado en un borde vertical de la cuadrícula:	El widget se añade a la celda en una columna nueva:
Cursor colocado en un borde vertical de la cuadrícula, en una sola fila:	El widget (CLabel) se añade a la celda, otros widgets de la fila se mueven:

Establecer la alineación de un componente en su celda de la cuadrícula

Pulse el botón derecho del ratón sobre el componente y seleccione Personalizar diseño. Se abre el diálogo Personalizar diseño.
En el apartado Alineación de la página Componente, seleccione uno de los botones de la brújula para alinear el componente. Por ejemplo, si pulsa el botón NO (Noroeste), el componente se alineará a la esquina superior izquierda de la celda de la cuadrícula.
Pulse o suelte el botón del ratón para dejar caer el componente en la posición seleccionada. En el diseño Grid, un elemento sólo se puede poner a la izquierda o la derecha de otro. Según las columnas que haya y si otros componentes ocupan varias columnas, el editor visual moverá los utensilios y creará filas según sea necesario.
Opcional: Para forzar que la fila y la columna mantengan el componente para obtener más espacio en el contenedor, pulse el botón Relleno horizontal o Relleno vertical. Si varias filas o columnas ocupan espacio adicional, el exceso de espacio se divide equitativamente.

Abarcar un widget entre celdas de la cuadrícula

Para expandir un widget entre varias celdas de la cuadrícula, realice uno de los pasos siguientes:

Pulse sobre el borde de redimensionado del widget y arrastre el componente por las celdas hasta que el recuadro gris oscuro ocupe las celdas que desee abarcar, y suelte el botón del ratón:
En la ventana Personalizar diseño, entre el número exacto de celdas que quiera abarcar con el widget. Si se aumenta la expansión Vertical, el componente se expandirá a la celda bajo su posición actual. Si aumenta la expansión horizontal, el componente se expandirá hasta la celda situada a la derecha de su posición actual.

Especificación del número de columnas y filas en la cuadrícula

Si se añaden o se mueven widgets, el número de columnas y filas puede cambiar de manera dinámica. También puede especificar manualmente el número de columnas:

En la vista Diseño, seleccione el contenedor que utilice el diseño Fill.
Pulse el botón de la barra de herramientas Personalizar diseño . Se abrirá el diálogo Personalizar diseño.
En la pestaña Diseño del cuaderno, entre un valor nuevo en el campo Número de columnas.
Opcional: Se puede forzar que todas las columnas del diseño Grid tengan el mismo ancho, marcando el recuadro de selección Igualar el ancho de las columnas.