Table des matières
Le Tutoriel de JavaFX TilePane Layout
View more Tutorials:


TilePane est un conteneur (Container), TilePane est similaire à FlowPane. Il arrange les sous-composants consécutifs sur une ligne, et pousse automatiquement les sous-composants vers la ligne suivante si la ligne actuelle est remplie. Cependant, cela diffère de FlowPane parce que les sous-composants se trouvent sur la même taille de cellule.

Les sous-composants se situent sur les mêmes cellules de grille de taille



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);
}
}
L'exécution de l'exemple:

Il est facile de concevoir l'interface en utilisant JavaFX Scene Builder. Cette illustration ci-dessous montre la conception TilePane avec Scane Builder.
- File/New/Other..


Ouvrez avec Scene Builder:


Ajoutez des Node au TilePane.

L'établisement de Vgap, Hgap et padding.

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