Entendiendo los layouts

Los paneles en GWT son similares a sus contra parte en otras clases de librerías. La principal diferencia reside en el hecho de que estos usan elementos HTML como DIV o TABLE para disponer los widgets.

RootPanel

El primer panel que probablemente usarás es RootPanel. Éste panel además es la raíz de la jerarquía de paneles. El RootPanel por defecto envuelve el cuerpo del documento HTML, y es obtenido invocando el método RootPanel.get(). Si necesitas envolver otro elemento del documento HTML con RootPanel, tu puedes usar el método RootPanel.get(String).

CellPanel

CellPanel es la clase abstracta de DockPanel, HorizontalPanel, y VerticalPanel. Lo que tienen estos paneles en común es que posicionan sus widgets dentro de celdas lógicas. Por ende, un widget hijo puede ser puede ser alineado dentro de la celda que lo contiene, usando el método setCellHorizontalAlignment(), y setCellVerticalAlignment(). Los CellPanel también te permiten configurar el tamaño de las celdas usando CellPanel.setCellWidth y CellPanel.setCellHeight.

Otros paneles

Otros paneles incluyen DeckPanel, TabPanel, FlowPanel, HTMLPanel, y StackPanel.

Tamaños y medidas

Es posible asignar un tamaño explicitamente a un widget usando los métodos setWidth(), setHeight(), y setSize(). Los argumentos para esos métodos son strings, en vez de enteros, ya que así aceptan cualquier valor CSS válido, como valores de píxeles (214px), centímetros (3cm), y porcentajes (80%).