devstory

Le Tutoriel de JavaFX TilePane Layout

  1. TilePane Layout
  2. Exemple de TilePane
  3. La conception de TilePane sur Scene Builder

1. TilePane Layout

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

2. Exemple de 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);
    }

}
L'exécution de l'exemple:

3. La conception de TilePane sur Scene Builder

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

Tutoriels de JavaFX

Show More

Tutoriels de JavaFX

Show More