Le Tutoriel de JavaFX FlowPane Layout

View more Tutorials:

Tutoriels de JavaFX

FlowPane Layout
Exemple avec FlowPane
La conception de FlowPane sur Scene Builder

Site d'apprentissage des langues gratuit:

Suivez-nous sur notre fanpage pour recevoir des notifications chaque fois qu'il y a de nouveaux articles.

Facebook

1- FlowPane Layout

FlowPane est un conteneur (Container), il peut contenir des Control ou des autres conteneurs. Il organise les sous-composants consécutifs sur une ligne et appuie automatiquement les sous-composants jusqu'à la ligne suivante si la ligne actuelle est remplie.

2- Exemple avec FlowPane

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);
    }
   
}

L'exécution de l'exemple:

3- La conception de FlowPane sur Scene Builder

Il est facile de concevoir l'interface en utilisant JavaFX Scane Builder. Cette illustration ci-dessous montre la conception FlowPane avec Scane Builder.

File/New/Other..

Ouvrez avec Scene Builder:

Ajoutez des Node au FlowPane.

Setting Vgap, Hgap and padding.

La largeur préférée, La hauteur préférée (Preferred width, Preferred height)

L'alignement de la ligne et l'alignement de la colonne (Row Valignment & Column Halignment).

View more Tutorials:

Tutoriels de JavaFX