Exemple pour créer une application GUI avec JavaFX + IntelliJ + Scene Builder

introduction

Je voulais créer une application GUI. Il existe différentes bibliothèques et frameworks pour créer des applications GUI, mais j'aimerais personnellement pouvoir les créer en Java, ce dans quoi je suis le plus doué, j'ai donc créé un environnement de développement à l'aide de JavaFX. ~~ J'étais satisfait juste en faisant un échantillon! ~~

Veuillez noter que le point important est un putain d'article qui est jeté dans d'autres articles. Cependant, je pense que c'est beaucoup de choses d'écrire la même chose que dans d'autres articles, donc je pense que ça ne peut pas être aidé (excuse).

La source est ici. https://github.com/dhirabayashi/javafx_sample

Glossaire super approprié

JavaFX

• Une bibliothèque qui vous permet de créer de belles applications GUI en Java
• A l'origine c'était une bibliothèque de RIA, mais maintenant c'est une bibliothèque GUI normale parce que ~~ RIA est devenu Owakon ~~
• Maintenant qu'il n'est plus inclus dans le JDK, il est nécessaire d'installer OpenJFX séparément (bien que Gradle le fasse très bien).

IntelliJ（IntelliJ IDEA）

• IDE compatible Java
• Je pense que c'est plus populaire qu'Eclipse maintenant
• Il existe une version Ultimate payante et une version communautaire gratuite
• La version communautaire est utilisée pour cet exemple

SceneBuilder

• Des outils qui facilitent le développement avec JavaFX
• Développement basé sur l'interface graphique, comme l'organisation des composants par glisser-déposer

environnement

• macOS Catalina 10.15.6
• AdoptOpenJDK 14.0.1

Procédure de construction de l'environnement

On suppose que le JDK et IntelliJ sont déjà installés.

Créer un projet JavaFX avec IntelliJ

Vous pouvez vous référer à l'article suivant. Il est facile à comprendre car il couvre tout, de la création de projet à la création et à l'exécution d'exemples de code. Développement d'applications Java FX avec IntelliJ IDEA et construction de l'environnement Gradle-From vers un exemple de code-

Cependant, cela n'a pas fonctionné dans mon environnement pour une raison quelconque, j'ai donc changé un peu la source. Class#getResource() → ClassLoader#getResource()

MainApp.java

package com.github.dhirabayashi.javafx;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

import java.util.Objects;

public class MainApp extends Application {

    @Override
    public void start(Stage stage) throws Exception {
        var cl = getClass().getClassLoader();
        Parent root = FXMLLoader.load(Objects.requireNonNull(cl.getResource("scene.fxml")));

        Scene scene = new Scene(root);
        scene.getStylesheets().add(Objects.requireNonNull(cl.getResource("styles.css")).toExternalForm());

        stage.setTitle("Exemple JavaFX");
        stage.setScene(scene);
        stage.show();
    }
}

Coopération entre Scene Builder et IntelliJ

Le développement est possible avec juste la procédure ci-dessus, mais je pense qu'il est plus facile de développer avec Scene Builder et basé sur l'interface graphique que de développer entièrement avec du code, donc je vais vous montrer la procédure. (Bien que ce soit toujours un lancer rond)

Il existe une aide IntelliJ officielle à ce sujet, alors jetez un œil. Configurer JavaFX Scene Builder

Tout ce que vous avez à faire est d'installer Scene Builder séparément et de définir le chemin dans IntelliJ. S'il n'est pas traduit en japonais, le nom du menu sera différent, mais vous pouvez le trouver en ouvrant Préférences et en recherchant "Java FX".

Dans JavaFX, GUI est développé en éditant le fichier fxml, mais l'image est que Scene Builder réécrira le contenu du fxml d'une manière agréable. Pour ouvrir Scene Builder, sélectionnez le fichier fxml et sélectionnez "Ouvrir dans Scene Builder" dans le menu contextuel. [^ scenebuilder] [^ scenebuilder]: Vous pouvez également double-cliquer pour ouvrir le fichier fxml et sélectionner "Scene Builder" dans l'onglet en bas à gauche, mais il semble que vous ne pouvez pas utiliser la fonction de génération de code squelette de prévisualisation et de contrôleur décrite plus tard avec cette procédure. , Il est recommandé de commencer par un clic droit.

Cet article était facile à comprendre comment utiliser Scene Builder. Ceci est un exemple d'Eclipse, mais l'opération après l'ouverture de Scene Builder ne change pas. Utilisation de base de Scene Biulder

en conclusion

C'était un putain d'article comme annoncé, mais pour le moment, je suis content que l'environnement de développement JavaFX ait été créé.