JavaFX FlowPane Layout


Learn JavaFX FlowPane Layout :

FlowPane positions nodes in a row or a column, it wraps nodes to the next line when horizontal space is less than the total of all the nodes’ widths.

In the above diagram the star node is wrapped to the next line because the available horizontal space, denoted by the line, is too small.

Program using FlowPane Layout :

package javafxtuts;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.FlowPane;
import javafx.stage.Stage;

 * @author
public class Javafxtuts extends Application {
    public void start(Stage primaryStage) {
        FlowPane root = new FlowPane();
        for (int i=1; i

Output :

Explaination :

    To use FlowPane as layout we do AS

FlowPane root = new FlowPane();

    Then to add many button we use for loop.
    Because buttons are child of the root that’s why for adding button to the root we use add () method AS



Leave A Reply