Die Anleitung zu JavaFX FlowPane Layout

View more Tutorials:

Die Anleitungen JavaFX

FlowPane Layout
Das Beispiel mit FlowPane
FlowPane durch Scene Builder entwerfen (design)

Folge uns auf unserer fanpage, um jedes Mal benachrichtigt zu werden, wenn es neue Artikel gibt.

Facebook

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).

View more Tutorials:

Die Anleitungen JavaFX