Die Anleitung zu JavaFX FlowPane Layout

FlowPane Layout
Das Beispiel mit FlowPane
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.