Alignement de la grille et des nœuds enfants dans JavaFX

Dans JavaFX, il existe un composant d’interface utilisateur nommé GridPane. Grâce à ce composant d’interface utilisateur, tous les nœuds enfants sont disposés sous la forme d’une grille de colonnes et de lignes.

Le package requis pour ce composant est javafx.scene.layout.

Dans cet article, nous discuterons de l’alignement et expliquerons un exemple concernant ce sujet pour une meilleure compréhension.

Alignement de la grille et des nœuds enfants dans JavaFX

Dans l’exemple ci-dessous, nous avons créé un volet de grille avec une étiquette. Le code de notre exemple est donné ci-dessous.

import javafx.application.Application;
import javafx.geometry.HPos;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.GridPane;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class FxGrid extends Application {
  @Override
  public void start(Stage stage) {
    Label lbl = new Label("Simple grid example ..."); // Creating a label with text
    GridPane gridPane = new GridPane(); // Creating a Grid Pane

    gridPane.setPadding(new Insets(10, 10, 10, 10)); // Set the padding of the gridpane

    // Set the vertical and horizontal gaps between the columns
    gridPane.setVgap(15);
    gridPane.setHgap(15);

    gridPane.add(lbl, 0, 1); // Adding the label to the grid pane
    gridPane.setAlignment(Pos.CENTER); // Align the grid pane
    GridPane.setHalignment(lbl, HPos.RIGHT); // Setting the alignment for the child node of grid
                                             // pane

    Scene scene = new Scene(gridPane, 300, 300); // Creating a scene  with necessary size

    stage.setTitle("Grid Alignment Example"); // Setting title to the Application

    stage.setScene(scene); // Adding scene to the stage

    stage.show(); // Displaying the contents of the stage
  }
  public static void main(String args[]) {
    launch(args); // Launching the application
  }
}

Nous avons déjà commenté ci-dessus le but de chaque ligne de code. Maintenant, nous allons discuter des principales parties du sujet ici.

Par la ligne gridPane.setVgap(15); gridPane.setHgap(15);, nous avons créé l’écart vertical et horizontal pour chaque colonne. Nous avons également ajouté un rembourrage via la ligne gridPane.setPadding(new Insets(10, 10, 10, 10));.

La partie la plus importante consiste à aligner le volet grille et les nœuds enfants séparément. Dans le code, à travers la ligne gridPane.setAlignment(Pos.CENTER);, nous avons aligné le volet de la grille, et à travers la ligne GridPane.setHalignment(lbl, HPos.RIGHT);, nous avons aligné les nœuds enfants du la grille.

Dans notre cas, seul un nœud enfant a le label. Après avoir compilé l’exemple de code ci-dessus et l’avoir exécuté dans votre environnement, vous obtiendrez la sortie ci-dessous.

Production:

Alignements Hbox disponibles

La liste ci-dessous répertorie tous les alignements disponibles pour les enfants du volet Grille. Vous devez les définir dans la méthode setHalignment().

Le format général de cette méthode est setHalignment( ChildNode, Alignment).

N’oubliez pas que si votre IDE ne prend pas en charge l’inclusion automatique de bibliothèques et de packages. Ensuite, vous devrez peut-être inclure manuellement ces bibliothèques et packages nécessaires avant de compiler.