Lesson 7: JavaFX FlowPane Layout Tutorial

June 22, 2017

Lesson 7: JavaFX FlowPane Layout Tutorial
1- FlowPane Layout
2- FlowPane example
3- Design FlowPane on Scene Builder

1- FlowPane Layout

FlowPane is a container. It arranges the consecutive subcomponents on a row, and

automatically pushes the subcomponents down to next line if the current row is filled up.

2- FlowPane example

FlowPaneDemo.java

package org.o7planning.javafx.flowpane;

import javafx.application.Application;

import javafx.geometry.Insets;

import javafx.scene.Scene;

import javafx.scene.control.Button;

import javafx.scene.control.CheckBox;

import javafx.scene.control.RadioButton;

import javafx.scene.control.TextField;

import javafx.scene.layout.FlowPane;

import javafx.stage.Stage;

public class FlowPaneDemo extends Application {

    @Override

    public void start(Stage primaryStage) throws Exception {

        FlowPane root = new FlowPane();

        root.setHgap(10);

        root.setVgap(20);

        root.setPadding(new Insets(15,15,15,15));

        // Button 1

        Button button1= new Button("Button1");

        root.getChildren().add(button1);

        // Button 2

        Button button2 = new Button("Button2");

        button2.setPrefSize(100, 100);

        root.getChildren().add(button2);

        // TextField

        TextField textField = new TextField("Text Field");

        textField.setPrefWidth(110);

        root.getChildren().add(textField);

        // CheckBox

        CheckBox checkBox = new CheckBox("Check Box");

        root.getChildren().add(checkBox);

        // RadioButton

        RadioButton radioButton = new RadioButton("Radio Button");

        root.getChildren().add(radioButton);

        Scene scene = new Scene(root, 550, 250);

        primaryStage.setTitle("FlowPane Layout Demo");

        primaryStage.setScene(scene);

        primaryStage.show();

    }

    public static void main(String[] args) {

        launch(args);

    }

}