3 · Tipos de layout en JavaFX

1Los ocho layouts

Un layout es un contenedor que decide automáticamente dónde coloca a sus nodos hijos, sin que el programador tenga que fijar coordenadas a mano.

Layout	Organiza los nodos...	Propiedades / métodos clave
`StackPane`	en una sola pila, cada nuevo elemento se superpone al anterior	`setMargin()`, `setAlignment()`
`HBox`	en una fila horizontal	`alignment`, `fillHeight`, `spacing`, `padding`
`VBox`	en una columna vertical, uno encima del otro	mismas propiedades que HBox (alineación, fillHeight, espaciado, relleno)
`BorderPane`	en cinco zonas: arriba, abajo, izquierda, derecha y centro	Top/Bottom ocupan todo el ancho; Left/Right el espacio vertical entre ellos; Center el resto
`GridPane`	en una cuadrícula de filas y columnas	`alignment`, `hgap`/`vgap`, `gridLinesVisible`; posicionamiento por (columnIndex, rowIndex) y spanning de celdas
`FlowPane`	en flujo continuo (salta de línea/columna según el espacio disponible)	alineación, orientación, `hgap`/`vgap`
`TilePane`	en bloques (tiles) de tamaño uniforme	nº de filas/columnas, espaciado, tamaño preferido de bloque
`AnchorPane`	anclados a los bordes superior, inferior, izquierdo, derecho o centro	`setTopAnchor()`, `setBottomAnchor()`, `setLeftAnchor()`, `setRightAnchor()`

Sobre los ejemplosLa fuente original incluye una clase de ejemplo ejecutable por cada layout (addStackPane(), addHBox(), VBoxExample, BorderPaneExample, GridPaneExperiments, ejemplos de FlowPane horizontal/vertical, TilePane y AnchorPane, más un Main.java + application.css integrador), pero el texto completo de esos ejemplos no se ha transcrito aquí — consulta la fuente si necesitas el código íntegro de alguno.

2Autocomprobación

Sé para qué sirve un layout en JavaFX (organizar nodos sin fijar coordenadas a mano).
Distingo StackPane (apilado) de HBox/VBox (fila/columna).
Sé qué son las cinco zonas de un BorderPane.
Sé cómo se posiciona un nodo en GridPane (columnIndex, rowIndex) y qué es el spanning.
Distingo FlowPane (flujo continuo) de TilePane (bloques uniformes).
Sé cómo se ancla un nodo a un borde con AnchorPane.
Sé qué hacen hgap/vgap y spacing/padding en los layouts que los usan.
Dado un boceto de pantalla, sé elegir qué layout(s) usaría para reproducirlo.
Sé que la fuente original trae un ejemplo ejecutable completo por cada layout.

✓Ideas clave que debes dominar

StackPane: apila · HBox/VBox: fila/columna · BorderPane: 5 zonas.
GridPane: filas y columnas con coordenadas + spanning.
FlowPane: flujo continuo · TilePane: bloques uniformes · AnchorPane: anclaje a bordes.

← Anterior2 · Estructura de una aplicación JavaFX Siguiente →4 · Componentes de una interfaz gráfica

Adaptado de Tipos de layout en JavaFX.