Eines Tages hatte ich die Idee, eine kleine Desktop-Anwendung für meine Bedürfnisse zu schreiben – so etwas wie ein kleines Wörterbuch zum Erlernen von Fremdwörtern – und begann mir den Kopf zu zerbrechen: Wie könnte ich das schaffen? Das erste, was mir in den Sinn kam, war natürlich Swing. Jeder hat wahrscheinlich schon einmal von Swing gehört . Dies ist eine Bibliothek zum Erstellen grafischer Benutzeroberflächen. Aufgrund der Tatsache, dass unser geliebtes Oracle Swing noch nicht vollständig aufgegeben hat, gilt es nicht als veraltet und Anwendungen laufen immer noch darauf. Es wird jedoch nicht mehr von Swing modernisiert, und die Leute von Oracle haben uns einen Vorgeschmack auf die Zukunft von JavaFX gegeben. Und tatsächlich nutzt JavaFX Swing-Komponenten als Dienstleister)
Was ist JavaFX?
JavaFX ist im Wesentlichen ein GUI-Toolkit für Java. Hier wird ein kleiner Exkurs gemacht, und wir werden uns daran erinnern, was eine GUI ist : Grafische Benutzeroberfläche – eine grafische Benutzeroberfläche ist eine Art Benutzeroberfläche, in der alle Elemente (Schaltflächen, Menüs, Symbole, Listen) dem Benutzer auf dem angezeigt werden Die Darstellung erfolgt in Form von Bildern, Grafiken. Im Gegensatz zu einer Befehlszeilenschnittstelle hat der Benutzer in einer GUI über Eingabegeräte wahlfreien Zugriff auf sichtbare Objekte. Häufig werden Schnittstellenelemente in Form von Metaphern implementiert und zeigen deren Eigenschaften und Zweck, um dem Benutzer das Verständnis zu erleichtern. JavaFX zielt darauf ab, Spiele und Desktop-Anwendungen in Java zu erstellen. Tatsächlich wird es Swing aufgrund des vorgeschlagenen neuen GUI-Tools für Java ersetzen. Es ermöglicht uns auch, GUI-Layoutdateien (XML) zu formatieren und sie mithilfe von CSS eleganter zu gestalten, ähnlich wie wir es von Webanwendungen gewohnt sind. JavaFX verwaltet außerdem integrierte 3D-Grafiken sowie Audio-, Video- und eingebettete Netzwerkanwendungen in einem einzigen GUI-Toolkit ... Es ist leicht zu erlernen und gut optimiert. Es unterstützt viele Betriebssysteme sowie Windows, UNIX-Systeme und Mac OS.
JavaFX-Funktionen:
JavaFX verfügt zunächst über einen großen Satz grafischer Schnittstellenteile, wie z. B. alle möglichen Schaltflächen, Textfelder, Tabellen, Bäume, Menüs, Diagramme usw., was uns wiederum viel Zeit sparen wird.
JavaFX verwendet häufig CSS-Stile, und wir können ein spezielles FXML-Format verwenden, um die GUI zu erstellen, anstatt dies in Java-Code zu tun. Dies macht es einfach, schnell eine GUI zu gestalten oder das Erscheinungsbild oder die Zusammensetzung zu ändern, ohne lange mit Java-Code herumspielen zu müssen.
JavaFX verfügt über gebrauchsfertige Diagrammteile, sodass wir diese nicht jedes Mal von Grund auf neu schreiben müssen, wenn Sie ein einfaches Diagramm benötigen.
JavaFX bietet außerdem 3D-Grafikunterstützung, was oft nützlich ist, wenn wir Spiele oder ähnliche Anwendungen entwickeln.
Werfen wir einen kleinen Blick auf die Hauptkomponenten unseres Fensters:
Die Bühne ist im Wesentlichen ein umgebendes Fenster, das als Startfläche fungiert und die restlichen Komponenten enthält. Eine Bewerbung kann mehrere Stufen haben, es muss aber in jedem Fall eine solche Komponente vorhanden sein. Im Wesentlichen ist Stage der Hauptcontainer und Einstiegspunkt.
Szene – zeigt den Inhalt der Bühne an (wie eine Nistpuppe). Jede Stufe kann mehrere Komponenten – Szenen – enthalten, die untereinander vertauscht werden können. Intern wird dies durch einen Objektgraphen namens Scene Graph implementiert (wobei jedes Element ein Knoten ist, auch Node genannt ).
Knoten sind Steuerelemente wie Beschriftungsschaltflächen oder sogar Layouts, die mehrere verschachtelte Komponenten enthalten können. Jede Szene kann einen verschachtelten Knoten haben, es kann sich jedoch um ein Layout mit mehreren Komponenten handeln. Die Verschachtelung kann mehrstufig erfolgen, wobei Layouts andere Layouts und reguläre Komponenten enthalten. Jeder dieser Knoten hat seine eigene Kennung, seinen eigenen Stil, seine eigenen Effekte, seinen eigenen Status und seine eigenen Ereignishandler.
Kommen wir also ein wenig zum Code. Da ich Java 8 verwende, muss ich keine Abhängigkeiten abrufen, da JavaFx standardmäßig im JDK enthalten ist (wie in Java 9.10), aber wenn wir Java 11+ haben, müssen wir zum Maven-Repository gehen und Ziehen Sie es aus den dortigen Abhängigkeiten.
JavaFX: Anwendungsbeispiele
Wir erstellen eine reguläre Klasse mit einer Methode main(Einstiegspunkt):
Hier erbt unsere Klasse von javafx.application.Application(was wir von der Bugaga-Box haben). Im Wesentlichen rufen wir die statische Application-Methode auf, launch()um unser Fenster zu starten. Außerdem wird sich unsere Idee darüber beschweren, dass wir die Anwendungsmethode nicht implementiert haben, startwas wir letztendlich tun. Wofür ist das? Und um die Eigenschaften (die Funktionalität unseres Fensters) verwalten zu können. Dazu verwenden wir ein eingehendes Argument, primaryStagefür das wir eine Methode aufrufen, showdamit wir sehen können, wie das Fenster geöffnet wird main. Lassen Sie uns unsere Methode ein wenig ergänzen start:
Was sehen wir also hier? Gehen wir es Zeile für Zeile durch: 2 – Legen Sie den Namen des Fensters selbst fest (Stufe) 3.4 – Legen Sie seine Abmessungen fest 6.7 – Legen Sie den Pfad des Lesestroms zur Datei fest (Symbol) 8 – Erstellen Sie die Datei als Bildobjekt, die durch den im Konstruktor übergebenen Stream mit der realen Datei verbunden ist 9 - Setzen Sie ein Symbol im oberen Bereich des Fensters 11 - Erstellen Sie ein Schaltflächenobjekt 13-16 - Legen Sie die Reaktion fest, wenn die Schaltfläche gedrückt wird 17 - Erstellen Sie eine Szene, in der Wir platzieren unseren Button 18 – platzieren die Szene auf unserem gemeinsamen Fenster 20 – setzen die Sichtbarkeitsflagge für das Fenster. Und als Ergebnis erhalten wir ein kleines Fenster, um unsere Lieblingspesels willkommen zu heißen: Alles sieht viel einfacher aus als Swing, nicht wahr? Aber es ist noch nicht vorbei. Es ist nicht sinnvoll, den gesamten Code zu schreiben, um eine Anwendung anzuzeigen; Sie müssen ihn irgendwie aufteilen, um ihn verständlicher zu machen (grafische Komponenten in einem Korb, Logik in einem anderen). Und hier kommt XML ins Spiel ... Oh mein Gott, XML? Genau. Konkret verwenden wir die spezifische Implementierung für JavaFX – FXML, in der wir die grafischen Komponenten der Anwendung und ihre Eigenschaften (alle möglichen Größen usw.) definieren und sie dann mit einem Controller verbinden, der bei der Verwaltung der Logik hilft. Schauen wir uns ein Beispiel dieser XML-Datei an:
2 – die von uns verwendete Skriptsprache 4-6 – importierte Daten 8-9 Vbox – ein Container, der Unterkomponenten in einer Zeile platziert. 11 - etwas Text anzeigen 13 - eine Schaltfläche, wenn wir darauf klicken, verwenden wir die im Skript in den Zeilen 15-18 beschriebene Methode. In der Methode sollte Code zum Aufrufen dieser XML-Datei vorhanden sein start, aber das ist jetzt nicht so wichtig, und wir wird es weglassen (unten finden Sie ein Beispiel für das Abrufen dieser Datei). XML ist also natürlich gut (aber nicht sehr gut), es ist sehr verwirrend, sie manuell zu schreiben, ist das nicht das letzte Jahrhundert?
Einführung in JavaFX SceneBuilder
An diesem Punkt kommt (Trommelwirbel) ins Spiel – SceneBuilder In JavaFX ist Scene Builder ein Tool, mit dem wir unsere Fenster in Form einer grafischen Oberfläche entwerfen und dann speichern können, und dieses Programm wird dies basierend auf dem Ergebnis tun Erstellen Sie XML-Dateien, die wir in unserer Anwendung verbessern werden. Die Schnittstelle dieses FMXL-Builders sieht in etwa so aus:
Ein kleiner Exkurs. JavaFX-Lektionen
Ich werde die Installationsdetails und auch eine detaillierte Untersuchung dieses Tools überspringen. Dies sind Themen, die es wert sind, weiter erforscht zu werden. Daher werde ich noch ein paar interessante Links zu JavaFX-Lektionen hinterlassen: einen (ein Online-Tutorial zu JavaFX) und zwei (ein weiteres gutes Tutorial). Lassen Sie uns ein kleines Beispiel durchgehen, das ich skizziert habe. Am Ende bekam ich so etwas wie:
(so ähnlich wie ein Fenster zur Registrierung von Hunden)
Wenn Sie einen Hund auswählen und auf die Schaltfläche „Löschen“ klicken, wird der Hund aus unserer Liste entfernt. Wenn Sie einen vierbeinigen Freund auswählen, seine Felder ändern und auf die Schaltfläche „Bearbeiten“ klicken, werden die Informationen zum Hund aktualisiert. Wenn wir auf die Schaltfläche „Neu“ klicken, öffnet sich ein Fenster, in dem Sie einen Datensatz für einen neuen Hund erstellen können (zunächst mit seinem Namen): Klicken Sie dann auf „Speichern“, füllen Sie die restlichen Felder im ersten Fenster aus und klicken Sie dann auf die Schaltfläche „Bearbeiten“. speichern. Klingt einfach, oder? Mal sehen, wie das in unserer Java-Anwendung aussehen wird. Zunächst belasse ich hier einfach die XML-Layouts für diese beiden Fenster, die in generiert wurden SceneBuilder: Erstens (grundlegend):
So sieht die Ordnerstruktur aus: Wie Sie sehen, gibt es nichts Besonderes, es gibt Controller, die bestimmte Fenster darstellen, es gibt Modelle, die unsere Daten darstellen. Werfen wir einen Blick auf die Klasse, die die Anwendung startet (Anwendungsimplementierung): @Data
Hier sehen wir also die Methode, die wir tatsächlich starten start(), nämlich die, die die Einstellungen unseres Basisfensters festlegt. Zum Beispiel im XML-Layout in Ressourcen: Geben Sie ihm ein Symbol, verknüpfen Sie es mit einem bestimmten Controller und geben Sie dem Controller einen Link zur thisKlasse.
Hier sehen wir die Methode, die für das Erscheinen des zweiten Fensters verantwortlich ist – das Fenster zum Erstellen eines neuen Datensatzes (der Name eines neuen Hundes). Wir legen auch den Controller, das XML-Layout, die Bühne usw. fest. Die nächste Klasse, die wir in Betracht ziehen, wird ein Modell sein, das unseren Hund darstellt (Informationen darüber): @Data
publicclassDog{privateStringProperty name;privateStringProperty breed;privateIntegerProperty age;privateStringProperty city;privateIntegerProperty levelOfTraining;publicDog(String name,String breed,int age,String city,int levelOfTraining){this.name =newSimpleStringProperty(name);this.breed =newSimpleStringProperty(breed);this.age =newSimpleIntegerProperty(age);this.city =newSimpleStringProperty(city);this.levelOfTraining =newSimpleIntegerProperty(levelOfTraining);}publicDog(){
name =newSimpleStringProperty();
breed =null;
age =null;
city =null;
levelOfTraining =null;}}
Hier sehen wir zwei Konstruktoren. Einer ist fast ein regulärer mit allen Argumenten (fast, weil wir spezielle FX-Wrapper einfacher Typen verwenden) und ein Konstruktor ohne Argumente: Wir verwenden ihn beim Erstellen eines neuen Hundes, der zunächst nur einen hat Name. Controller für Basisfenster: @Data
Hier sehen wir unsere Objektfelder, jedoch im TextField-Format. Dies ist ein Format, das ein Texteingabefeld darstellt. @FXML ist eine Annotation, die dazu dient, Java-Code und das entsprechende Objekt unseres Layouts (Schaltfläche, Feld oder etwas anderes) zu verknüpfen.
In der ersten Methode sehen wir, wie wir einen internen Verweis auf die Klasse setzen, die Application implementiert (damit wir ihre Methode aufrufen können, um das zweite Fenster aufzurufen), und die anfängliche Liste festlegen, die angezeigt werden soll. Der zweite prüft, ob der aktuelle Hund über bestimmte Daten verfügt und legt darauf basierend die Textfelder fest:
Hier sehen wir drei Methoden des Basisfensters, die mit Schaltflächen verknüpft sind:
löschen – den ausgewählten (ausgewählten) Hund nach Index löschen;
Bearbeiten – Erstellen Sie einen neuen Hund mit den übertragenen Daten und legen Sie ihn anstelle des vorherigen fest;
create - Wir erstellen einen neuen Hund und rufen die Methode zum Aufrufen des Erstellungsfensters auf, übergeben ein neues Objekt und speichern nach dem Schließen das neue Haustier, wenn der Name nicht null ist.
Weiter geht es mit dem Fenster-Controller zum Erstellen des Hundes: @Data
Hier sehen wir die Verbindung mit dem Textfeld im Fenster, das die Schaltflächen „Speichern“ und „Abbrechen“ verarbeitet, die das Fenster irgendwie schließen. Wie Sie sehen, habe ich aus Gründen der Bequemlichkeit in meiner kleinen Anwendung Lombok verwendet, da der Code sonst sehr gewachsen wäre und ich ihn nicht in meine Rezension aufgenommen hätte.
Das ist wahrscheinlich alles, was ich für heute habe. Heute haben wir uns kurz mit den Grundkonzepten und einem Beispiel für die Verwendung von JavaFX vertraut gemacht und können kleine Desktop-Anwendungen erstellen (unter Verwendung zusätzlicher Informationen, die glücklicherweise im Internet reichlich vorhanden sind). Und Sie wiederum mögen))
Kommen wir also ein wenig zum Code. Da ich Java 8 verwende, muss ich keine Abhängigkeiten abrufen, da JavaFx standardmäßig im JDK enthalten ist (wie in Java 9.10), aber wenn wir Java 11+ haben, müssen wir zum Maven-Repository gehen und Ziehen Sie es aus den dortigen Abhängigkeiten.
8 – Erstellen Sie die Datei als Bildobjekt, die durch den im Konstruktor übergebenen Stream mit der realen Datei verbunden ist 9 - Setzen Sie ein Symbol im oberen Bereich des Fensters 11 - Erstellen Sie ein Schaltflächenobjekt 13-16 - Legen Sie die Reaktion fest, wenn die Schaltfläche gedrückt wird 17 - Erstellen Sie eine Szene, in der Wir platzieren unseren Button 18 – platzieren die Szene auf unserem gemeinsamen Fenster 20 – setzen die Sichtbarkeitsflagge für das Fenster. Und als Ergebnis erhalten wir ein kleines Fenster, um unsere Lieblingspesels willkommen zu heißen: 
Alles sieht viel einfacher aus als Swing, nicht wahr? Aber es ist noch nicht vorbei. Es ist nicht sinnvoll, den gesamten Code zu schreiben, um eine Anwendung anzuzeigen; Sie müssen ihn irgendwie aufteilen, um ihn verständlicher zu machen (grafische Komponenten in einem Korb, Logik in einem anderen). Und hier kommt XML ins Spiel ... Oh mein Gott, XML? Genau. Konkret verwenden wir die spezifische Implementierung für JavaFX – FXML, in der wir die grafischen Komponenten der Anwendung und ihre Eigenschaften (alle möglichen Größen usw.) definieren und sie dann mit einem Controller verbinden, der bei der Verwaltung der Logik hilft. Schauen wir uns ein Beispiel dieser XML-Datei an:
Klicken Sie dann auf „Speichern“, füllen Sie die restlichen Felder im ersten Fenster aus und klicken Sie dann auf die Schaltfläche „Bearbeiten“. speichern. Klingt einfach, oder? Mal sehen, wie das in unserer Java-Anwendung aussehen wird. Zunächst belasse ich hier einfach die XML-Layouts für diese beiden Fenster, die in generiert wurden 
Wie Sie sehen, gibt es nichts Besonderes, es gibt Controller, die bestimmte Fenster darstellen, es gibt Modelle, die unsere Daten darstellen. Werfen wir einen Blick auf die Klasse, die die Anwendung startet (Anwendungsimplementierung): 
GO TO FULL VERSION