codestory

Die Anleitung zu JavaFX FlowPane Layout

  1. FlowPane Layout
  2. Das Beispiel mit FlowPane
  3.  FlowPane durch Scene Builder entwerfen (design)

1. FlowPane Layout

FlowPane ist ein Enthalter (Container). Er kann Control oder die anderen Container enthalten. Er gliedert die Sub-Elemente ununtergebrochen in einer Zeile aus und zieht die Sub-Element in die nächste Zeile wenn die aktuelle Zeile keine Plätze hat

2. Das Beispiel mit 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);
    }
   
}
das Beispiel durchführen

3.  FlowPane durch Scene Builder entwerfen (design)

Mit der Benutzung von JavaFX Scane Builder entwerfen Sie die Interface-Design einfach. Das folgende Beispiel bezeichnet die Benutzung von FlowPane durch Scane Builder.
  • File/New/Other..
Durch Scene Builder öffnen
Die Node in FlowPane einfügen
Setting Vgap, Hgap and padding.
Die bevorzugte Größe (Preferred width, Preferred height)
Die Ausrichtung der Zeile und der Spalte (Row Valignment & Column Halignment).

Die Anleitungen JavaFX

Show More