Layouts en Java FX

Uno de los desafíos en la construcción de interfaces gráficas es mantener el orden, la posición y el tamaño de los elementos de nuestra aplicación, a la vez que se puede cambiar el tamaño de ventana y mantener una experiencia agradable al usuario. La API de Java FX nos provee de una serie de Layouts para los casos más comunes.

Todos trabajan como contenedores de otros layout o de controles. 

HBox
Posiciona los nodos hijos en una fila horizontal, por defecto alineados a la parte superior izquierda.








VBox
Similar a HBox, pero sitúa los nodos en forma de columna vertical.







FlowPane
Por defecto este layout sitúa los nodos en fila, de izquierda a derecha hasta ocupar todo el espacio disponible, si se añaden más nodos o el tamaño de la ventana cambia, los situará en una nueva fila.
Este comportamiento se puede modificar, para que situe los nodos de derecha a izquierda, de la parte superior a inferior etc, utilizando la propiedad Alignment.

En el siguiente gif se muestra el comportamiento:

BorderPane
Este layout crea cinco regiones, Superior, Izquierda, Centro, Derecha e Inferior. Cada región sólo puede tener un nodo, por lo que normalmente se añade un layout.










GridPane
Este layout se utiliza para posicionar los nodos en forma de rejilla o tabla.