codestory

Die Anleitung zu JavaFX TilePane Layout

  1. TilePane Layout
  2. Das Beispiel TilePane
  3. TilePane auf Scene Builder entwerfen

1. TilePane Layout

TilePane ist ein Enthälter (Container).TilePane ist viel gleich wie FlowPane. Es gliedert die Sub-Elemente ununterbrochen auf einer Zeile aus, und zieht das Sub-Element automatisch zu der nächsten Zeile wenn die aktuelle Zeile hat keine Plätze. Allerdings liegen ihre Sub-Element anders mit FlowPane in die Zelle mit der gleichen Größe
Die Sub-Elemente liegen in der Zelle mit gleicher Größe

2. Das Beispiel TilePane

TilePaneDemo.java
package org.o7planning.javafx.tilepane;

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.TilePane;
import javafx.stage.Stage;

public class TilePaneDemo extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception {
        TilePane root = new TilePane();
        
        root.setPadding(new Insets(10,10,10,10));        
        root.setHgap(20);
        root.setVgap(30);
        
        Button button = new Button("Java");
        root.getChildren().add(button);
        
        // Short Button
        Button button1 = new Button("C/C++");
        button1.setPrefSize(70, 50);
        root.getChildren().add(button1);
        
        // Short Button
        Button button2 = new Button("C#");
        
        root.getChildren().add(button2);
        
        // Button
        Button longButton3 = new Button("Objective C");
        root.getChildren().add(longButton3);
        
        // Button
        Button button4 = new Button("Swift");
        root.getChildren().add(button4);

        Scene scene = new Scene(root, 500, 300);
        primaryStage.setTitle("TilePanel Layout Demo (o7planning.org)");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }

}
Das Beispiel durchführen

3. TilePane auf Scene Builder entwerfen

Mit der Benutzung von JavaFX Scane Builder entwerfen Sie die Interface einfach entwerfen. Das folgende Beispiel bezeichnet TilePane mit Scane Builder entwerfen
  • File/New/Other..
Durch Scene Builder öffnen:
Die Node in den TilePane einfügen.
Vgap, Hgap und padding einfügen.
Die Ausrichtung der Zeile und der Spalte (Row Valignment & Column Halignment).

Die Anleitungen JavaFX

Show More