Beispiel zum Erstellen einer GUI-Anwendung mit JavaFX + IntelliJ + Scene Builder

Einführung

Ich wollte eine GUI-Anwendung machen. Es gibt verschiedene Bibliotheken und Frameworks zum Erstellen von GUI-Apps, aber ich persönlich wünschte, ich könnte sie in Java erstellen, was ich am besten kann. Deshalb habe ich eine Umgebung für die Entwicklung mit JavaFX erstellt. ~~ Ich war nur mit einer Probe zufrieden! ~~

Bitte beachten Sie, dass der wichtige Punkt ein verdammter Artikel ist, der in andere Artikel geworfen wird. Ich denke jedoch, dass es eine Menge Dinge sind, dasselbe zu schreiben, wie es in anderen Artikeln geschrieben steht, also denke ich, dass es nicht geholfen werden kann (Entschuldigung).

Die Quelle ist hier. https://github.com/dhirabayashi/javafx_sample

Super geeignetes Glossar

JavaFX

• Eine Bibliothek, mit der Sie schöne GUI-Apps in Java erstellen können
• Ursprünglich war es eine Bibliothek von RIA, aber jetzt ist es eine normale GUI-Bibliothek, weil ~~ RIA zu Owakon ~~ geworden ist
• Jetzt, da es nicht mehr im JDK enthalten ist, müssen Sie OpenJFX separat installieren (obwohl Gradle es gut macht).

IntelliJ（IntelliJ IDEA）

• Java-fähige IDE
• Ich denke, es ist jetzt beliebter als Eclipse
• Es gibt eine kostenpflichtige Ultimate- und eine kostenlose Community-Version
• Für dieses Beispiel wird die Community-Version verwendet

SceneBuilder

• Tools, die die Entwicklung mit JavaFX erleichtern
• GUI-basierte Entwicklung wie das Anordnen von Komponenten durch Ziehen und Ablegen

Umgebung

• macOS Catalina 10.15.6
• AdoptOpenJDK 14.0.1

Bauverfahren für die Umwelt

Es wird davon ausgegangen, dass JDK und IntelliJ bereits installiert sind.

Erstellen Sie mit IntelliJ ein JavaFX-Projekt

Sie können sich auf den folgenden Artikel beziehen. Es ist leicht zu verstehen, da es alles von der Projekterstellung bis zur Erstellung und Ausführung von Beispielcode abdeckt. Entwicklung von Java FX-Anwendungen mit IntelliJ IDEA und Gradle-From-Umgebungskonstruktion zum Beispielcode-

In meiner Umgebung hat es jedoch aus irgendeinem Grund nicht funktioniert, daher habe ich die Quelle ein wenig geändert. 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("JavaFX-Beispiel");
        stage.setScene(scene);
        stage.show();
    }
}

Zusammenarbeit zwischen Scene Builder und IntelliJ

Die Entwicklung ist nur mit dem oben beschriebenen Verfahren möglich, aber ich denke, es ist einfacher, mit Scene Builder und GUI-basiert zu entwickeln, als vollständig mit Code zu entwickeln. Daher werde ich Ihnen das Verfahren zeigen. (Obwohl es immer noch ein runder Wurf ist)

Hierzu gibt es offizielle IntelliJ-Hilfe. Schauen Sie also bitte vorbei. JavaFX Scene Builder konfigurieren

Sie müssen Scene Builder nur separat installieren und den Pfad in IntelliJ festlegen. Wenn es nicht ins Japanische übersetzt ist, unterscheidet sich der Menüname. Sie können ihn jedoch finden, indem Sie die Einstellungen öffnen und nach "Java FX" suchen.

In JavaFX wird die GUI durch Bearbeiten der fxml-Datei entwickelt. Das Bild ist jedoch, dass Scene Builder den Inhalt der fxml auf nette Weise neu schreibt. Um den Scene Builder zu öffnen, wählen Sie die fxml-Datei aus und wählen Sie im Kontextmenü die Option "In Scene Builder öffnen". [^ scenebuilder] [^ scenebuilder]: Sie können die fxml-Datei auch öffnen, indem Sie auf die linke untere Registerkarte doppelklicken und "Scene Builder" auswählen. Es scheint jedoch, dass Sie die später mit diesem Verfahren beschriebene Vorschau- und Controller-Skeleton-Code-Generierungsfunktion nicht verwenden können. Es wird empfohlen, mit der rechten Maustaste zu beginnen.

Dieser Artikel war leicht zu verstehen, wie Scene Builder verwendet wird. Dies ist ein Beispiel für Eclipse, aber der Vorgang nach dem Öffnen von Scene Builder ändert sich nicht. Grundlegende Verwendung von Scene Biulder

abschließend

Es war ein verdammter Artikel, wie angekündigt, aber vorerst bin ich froh, dass die JavaFX-Entwicklungsumgebung erstellt wurde.