Maison > Java > javaDidacticiel > Implémentez des interfaces utilisateur complexes à l'aide des nouveaux composants de mise en page JavaFX dans Java 13

Implémentez des interfaces utilisateur complexes à l'aide des nouveaux composants de mise en page JavaFX dans Java 13

PHPz
Libérer: 2023-08-02 17:49:51
original
1355 Les gens l'ont consulté

Utilisez les nouveaux composants de mise en page JavaFX dans Java 13 pour implémenter des interfaces utilisateur complexes

Dans le développement de logiciels, l'interface utilisateur est un élément très important. Une bonne interface utilisateur peut améliorer l’expérience utilisateur et augmenter la facilité d’utilisation et l’attractivité du logiciel. JavaFX est une bibliothèque Java permettant de créer des applications interactives riches. Elle fournit un ensemble de composants de mise en page puissants qui peuvent aider les développeurs à implémenter des interfaces utilisateur complexes.

JavaFX fait désormais partie de Java 13, qui inclut de nouveaux composants de mise en page qui facilitent la création d'interfaces utilisateur complexes.

Dans cet article, nous présenterons deux nouveaux composants de mise en page dans JavaFX 13 : FlowPane et GridPane, et montrerons comment les utiliser pour implémenter des interfaces utilisateur complexes.

Tout d’abord, découvrons FlowPane. FlowPane est un composant de mise en page automatique qui ajuste automatiquement la taille et la position des composants enfants pour s'adapter à la taille du conteneur.

Voici un exemple simple utilisant FlowPane :

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

public class FlowPaneExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        FlowPane flowPane = new FlowPane();
        flowPane.setPadding(new Insets(20));
        flowPane.setVgap(10);
        flowPane.setHgap(10);

        Button button1 = new Button("Button 1");
        Button button2 = new Button("Button 2");
        Button button3 = new Button("Button 3");

        flowPane.getChildren().addAll(button1, button2, button3);

        Scene scene = new Scene(flowPane, 400, 300);
        
        primaryStage.setScene(scene);
        primaryStage.setTitle("FlowPane Example");
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}
Copier après la connexion

L'exemple ci-dessus est une application simple qui utilise FlowPane pour disposer trois boutons. FlowPane ajuste automatiquement la position et la taille du bouton en fonction de la taille du conteneur.

Ensuite, introduisons un autre nouveau composant de mise en page dans JavaFX 13 : GridPane. GridPane est un composant de présentation de tableau qui place les composants enfants dans différentes cellules de la grille.

Voici un exemple simple d'utilisation de GridPane :

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.RowConstraints;
import javafx.stage.Stage;

public class GridPaneExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        GridPane gridPane = new GridPane();
        gridPane.setHgap(10);
        gridPane.setVgap(10);

        ColumnConstraints column1 = new ColumnConstraints(100);
        ColumnConstraints column2 = new ColumnConstraints(100);

        RowConstraints row1 = new RowConstraints(50);
        RowConstraints row2 = new RowConstraints(50);

        gridPane.getColumnConstraints().addAll(column1, column2);
        gridPane.getRowConstraints().addAll(row1, row2);

        Button button1 = new Button("Button 1");
        Button button2 = new Button("Button 2");
        Button button3 = new Button("Button 3");
        Button button4 = new Button("Button 4");

        gridPane.add(button1, 0, 0);
        gridPane.add(button2, 1, 0);
        gridPane.add(button3, 0, 1);
        gridPane.add(button4, 1, 1);

        Scene scene = new Scene(gridPane, 400, 300);

        primaryStage.setScene(scene);
        primaryStage.setTitle("GridPane Example");
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}
Copier après la connexion

L'exemple ci-dessus est une application simple qui utilise GridPane pour disposer quatre boutons. Le GridPane place automatiquement les boutons à l'emplacement et à la taille appropriés, et la grille peut être redimensionnée en définissant des contraintes sur les colonnes et les lignes.

Ce qui précède présente deux nouveaux composants de mise en page dans JavaFX 13, qui peuvent aider les développeurs à implémenter des interfaces utilisateur complexes. Ces composants de mise en page offrent plus de flexibilité et de puissance, facilitant ainsi la création d'interfaces utilisateur complexes.

J'espère que les exemples de cet article pourront vous aider à comprendre comment utiliser les composants de mise en page JavaFX pour implémenter des interfaces utilisateur complexes. Lancez-vous et concevez une interface utilisateur attrayante !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal