Un giorno mi è venuta l'idea di scrivere una piccola applicazione desktop per le mie esigenze - qualcosa come un piccolo dizionario per imparare parole straniere - e ho iniziato a tormentarmi, come potrei farlo? Naturalmente la prima cosa che mi è venuta in mente è stata lo Swing. Probabilmente tutti hanno sentito parlare di Swing . Questa è una libreria per la creazione di interfacce grafiche utente. Dato che il nostro amato Oracle non ha ancora abbandonato completamente Swing, non è considerato obsoleto e su di esso continuano a funzionare le applicazioni. Tuttavia, non viene più modernizzato da Swing e i ragazzi di Oracle ci hanno dato un assaggio di quale sarà il futuro di JavaFX. E infatti JavaFX utilizza i componenti Swing come fornitore di servizi)
Cos'è JavaFX?
JavaFX è essenzialmente un toolkit GUI per Java. Faremo una piccola digressione qui e ricorderemo cos'è una GUI : Interfaccia utente grafica - un'interfaccia utente grafica è un tipo di interfaccia utente in cui tutti gli elementi (pulsanti, menu, icone, elenchi) presentati all'utente sulla la visualizzazione è realizzata sotto forma di immagini, grafica. A differenza di un'interfaccia a riga di comando, in una GUI l'utente ha accesso casuale agli oggetti visibili utilizzando dispositivi di input. Spesso gli elementi dell'interfaccia sono implementati sotto forma di metafore e mostrano le loro proprietà e il loro scopo per facilitare la comprensione dell'utente. JavaFX ha lo scopo di creare giochi e applicazioni desktop in Java. In effetti, sostituirà Swing grazie alla proposta del nuovo strumento GUI per Java. Inoltre, ci consente di definire uno stile per i file di layout della GUI (XML) e renderli più eleganti utilizzando i CSS, in modo simile a quello a cui siamo abituati nelle applicazioni web. JavaFX gestisce inoltre la grafica 3D integrata nonché le applicazioni audio, video e di rete integrate in un unico toolkit GUI... È facile da imparare e ben ottimizzato. Supporta molti sistemi operativi, oltre a Windows, sistemi UNIX e Mac OS.
Caratteristiche JavaFX:
JavaFX inizialmente viene fornito con un ampio set di parti dell'interfaccia grafica, come tutti i tipi di pulsanti, campi di testo, tabelle, alberi, menu, grafici, ecc., che a loro volta ci faranno risparmiare molto tempo.
JavaFX utilizza spesso gli stili CSS e saremo in grado di utilizzare uno speciale formato FXML per creare la GUI, invece di farlo nel codice Java. Ciò semplifica la creazione rapida di una GUI o la modifica dell'aspetto o della composizione senza dover giocare a lungo con il codice Java.
JavaFX dispone di parti di diagramma pronte all'uso, quindi non dobbiamo scriverle da zero ogni volta che ti serve un diagramma di base.
JavaFX include inoltre il supporto per la grafica 3D, che spesso è utile se stiamo sviluppando qualche tipo di gioco o applicazioni simili.
Diamo un piccolo sguardo ai componenti principali della nostra finestra:
Lo stage è essenzialmente una finestra circostante che funge da tela iniziale e contiene il resto dei componenti. Un'applicazione può avere più fasi, ma in ogni caso deve esserci uno di questi componenti. Essenzialmente, Stage è il contenitore principale e il punto di ingresso.
Scena : mostra il contenuto dello stage (come una bambola che nidifica). Ogni fase può contenere diversi componenti - scena, che possono essere scambiati tra loro. Internamente, questo è implementato da un oggetto grafico chiamato Scene Graph (dove ogni elemento è un nodo, chiamato anche Node ).
I nodi sono controlli, come i pulsanti delle etichette o anche i layout, che possono avere più componenti nidificati al loro interno. Ogni scena può avere un nodo nidificato, ma può essere un layout con più componenti. La nidificazione può essere multilivello, con layout contenenti altri layout e componenti regolari. Ciascuno di questi nodi ha il proprio identificatore, stile, effetti, stato e gestori di eventi.
Spostiamoci quindi un po' verso il codice. Poiché utilizzo Java 8, non ho bisogno di creare dipendenze, poiché JavaFx è nel JDK per impostazione predefinita (come in Java 9.10), ma se abbiamo Java 11+, dobbiamo andare al repository Maven e tiralo da lì dipendenze.
JavaFX: esempi di utilizzo
Creiamo una classe regolare con un metodo main(punto di ingresso):
Qui la nostra classe eredita da javafx.application.Application(che abbiamo dalla scatola Bugaga). In main chiamiamo il metodo Application statico launch()per avviare la nostra finestra. Inoltre, la nostra idea si lamenterà del fatto che non abbiamo implementato il metodo Applicazione, startche è ciò che alla fine facciamo. Cosa serve? E per poter gestire le proprietà (la funzionalità della nostra finestra). Per fare ciò, utilizziamo un argomento in entrata primaryStagesul quale chiamiamo un metodo showin modo da poter vedere la finestra avviata in main. Compiliamo un po' il nostro metodo start:
Quindi cosa vediamo qui? Esaminiamolo riga per riga: 2 - imposta il nome della finestra stessa (stage) 3.4 - imposta le sue dimensioni 6.7 - imposta il percorso del flusso di lettura sul file (icona) 8 - crea il file come oggetto Immagine, che è collegato al file reale dallo stream passato nel costruttore 9 - imposta un'icona nel pannello superiore della finestra 11 - crea un oggetto pulsante 13-16 - imposta la reazione quando viene premuto il pulsante 17 - crea una scena in cui posizioniamo il nostro pulsante 18 - posizioniamo la scena sulla nostra finestra comune 20 - impostiamo il flag di visibilità per la finestra E come risultato otteniamo una piccola finestra per accogliere i nostri pesel preferiti: Tutto sembra molto più semplice di Swing, non è vero? Ma non è ancora finita. Non va bene scrivere tutto il codice per visualizzare un'applicazione; è necessario suddividerlo in qualche modo per renderlo più comprensibile (componenti grafici in un paniere, logica in un altro). E qui entra in gioco xml... Oh mio Dio, xml? Esattamente. Nello specifico, utilizziamo la sua implementazione specifica per JavaFX - FXML, in cui definiamo i componenti grafici dell'applicazione e le loro proprietà (tutti i tipi di dimensioni, ecc.), quindi la colleghiamo a un controller, che aiuta a gestire la logica. Diamo un'occhiata ad un esempio di questo xml:
2 - il linguaggio di scripting che utilizziamo 4-6 - dati importati 8-9 Vbox - un contenitore che posiziona i sottocomponenti su una riga. 11 - visualizza del testo 13 - un pulsante, quando si fa clic, utilizziamo il metodo descritto nello script alle righe 15-18. Dovrebbe esserci un codice per chiamare questo file xml nel metodo start, ma ora questo non è così importante e noi lo ometterà (sotto ci sarà un esempio di estrazione di questo file). Quindi xml è, ovviamente, buono (ma non molto buono), scriverli manualmente crea molta confusione, non è questo il secolo scorso?
Presentazione di JavaFX SceneBuilder
È a questo punto che (rullo di tamburi) entra in gioco - SceneBuilder In JavaFX Scene Builder è uno strumento con cui potremo progettare le nostre finestre sotto forma di interfaccia grafica e poi salvarle, e questo programma, in base al risultato, le costruire file xml che miglioreremo nella nostra applicazione. L'interfaccia di questo builder fmxl è simile a questa:
Una piccola digressione. Lezioni di JavaFX
Tralascerò i dettagli di installazione e anche uno studio dettagliato di questo strumento. Questi sono argomenti che vale la pena approfondire. Lascerò quindi ancora un paio di link interessanti alle lezioni di JavaFX: uno (tutorial online su JavaFX) e due (un altro buon tutorial). Esaminiamo un piccolo esempio che ho abbozzato. Alla fine ho ottenuto qualcosa del tipo:
(una sorta di finestra per la registrazione dei cani)
Quando selezioni un cane e premi il pulsante Elimina, il cane viene rimosso dal nostro elenco. Quando selezioni un amico a quattro zampe e modifichi i suoi campi, e dopo aver premuto il pulsante Modifica, le informazioni del cane vengono aggiornate. Quando premiamo il pulsante Nuovo, si apre una finestra per creare un record per un nuovo cane (per iniziare con il suo nome): quindi fare clic su Salva e compilare il resto dei suoi campi nella prima finestra, quindi fare clic sul pulsante Modifica per salva. Sembra facile, vero? Vediamo come apparirà nella nostra applicazione Java. Per cominciare, lascerò qui i layout xml per queste due finestre generate in SceneBuilder: Primo (base):
Come si presenta la struttura delle cartelle: Come puoi vedere, non c'è niente di speciale, ci sono controller che rappresentano determinate finestre, ci sono modelli che rappresentano i nostri dati. Diamo un'occhiata alla classe che avvia l'applicazione (Implementazione dell'applicazione): @Data
Quindi, qui vediamo il metodo che effettivamente lanciamo in start(), vale a dire quello che imposta le impostazioni della nostra finestra di base. Come nel layout xml nelle risorse: assegnandogli un'icona, collegandolo a un controller specifico e fornendo al controller un collegamento alla thisclasse)
Qui vediamo il metodo responsabile dell'aspetto della seconda finestra: la finestra per la creazione di un nuovo record (il nome di un nuovo cane). Impostiamo anche il controller, il layout xml, lo stage, ecc... La prossima classe che prenderemo in considerazione sarà un modello rappresentante il nostro cane (informazioni a riguardo): @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;}}
Qui vediamo due costruttori: uno quasi normale con tutti gli argomenti (quasi, perché usiamo speciali wrapper FX di tipi semplici) e un costruttore senza argomenti: lo usiamo quando creiamo un nuovo cane, che all'inizio ha solo un nome. Controller per la finestra di base: @Data
Qui vediamo i nostri campi oggetto, ma in formato TextField. Questo è un formato che rappresenta un campo di input di testo. @FXML è un'annotazione progettata per collegare il codice Java e l'oggetto corrispondente del nostro layout (pulsante, campo o qualcos'altro).
Qui vediamo un metodo per visualizzare i nomi dei cani, a destra nell'elenco (la sua annotazione @FXML si lega al componente di layout JavaFX TableView).
Nel primo metodo vediamo impostare un riferimento interno alla classe che implementa Application (in modo da poter chiamare il suo metodo per richiamare la seconda finestra), e impostare la lista iniziale da visualizzare. La seconda controlla se il cane corrente ha determinati dati, e in base a questi imposta i campi di testo:
Qui vediamo tre metodi della finestra base associati ai pulsanti:
elimina : elimina il cane selezionato (selezionato) per indice;
modifica : crea un nuovo cane con i dati trasferiti e impostalo al posto di quello precedente;
crea : creiamo un nuovo cane e chiamiamo il metodo per chiamare la finestra di creazione, passando un nuovo oggetto e dopo aver chiuso il quale, se il nome non è nullo, salviamo il nuovo animale domestico.
Andando avanti, il controller della finestra per la creazione del cane: @Data
Qui vediamo la connessione con il campo di testo nella finestra, l'elaborazione dei pulsanti Salva e Annulla, che in qualche modo chiudono la finestra. Come puoi vedere, per maggiore comodità nella mia piccola applicazione, ho utilizzato Lombok, altrimenti il codice sarebbe cresciuto molto e non lo avrei inserito nella mia recensione.
Probabilmente è tutto quello che ho per oggi. Oggi abbiamo brevemente conosciuto i concetti di base e un esempio di utilizzo di JavaFX e possiamo creare piccole applicazioni desktop (utilizzando informazioni aggiuntive, che, fortunatamente, sono abbondanti su Internet). E tu, a tua volta, come))
Spostiamoci quindi un po' verso il codice. Poiché utilizzo Java 8, non ho bisogno di creare dipendenze, poiché JavaFx è nel JDK per impostazione predefinita (come in Java 9.10), ma se abbiamo Java 11+, dobbiamo andare al repository Maven e tiralo da lì dipendenze.
8 - crea il file come oggetto Immagine, che è collegato al file reale dallo stream passato nel costruttore 9 - imposta un'icona nel pannello superiore della finestra 11 - crea un oggetto pulsante 13-16 - imposta la reazione quando viene premuto il pulsante 17 - crea una scena in cui posizioniamo il nostro pulsante 18 - posizioniamo la scena sulla nostra finestra comune 20 - impostiamo il flag di visibilità per la finestra E come risultato otteniamo una piccola finestra per accogliere i nostri pesel preferiti: 
Tutto sembra molto più semplice di Swing, non è vero? Ma non è ancora finita. Non va bene scrivere tutto il codice per visualizzare un'applicazione; è necessario suddividerlo in qualche modo per renderlo più comprensibile (componenti grafici in un paniere, logica in un altro). E qui entra in gioco xml... Oh mio Dio, xml? Esattamente. Nello specifico, utilizziamo la sua implementazione specifica per JavaFX - FXML, in cui definiamo i componenti grafici dell'applicazione e le loro proprietà (tutti i tipi di dimensioni, ecc.), quindi la colleghiamo a un controller, che aiuta a gestire la logica. Diamo un'occhiata ad un esempio di questo xml:
quindi fare clic su Salva e compilare il resto dei suoi campi nella prima finestra, quindi fare clic sul pulsante Modifica per salva. Sembra facile, vero? Vediamo come apparirà nella nostra applicazione Java. Per cominciare, lascerò qui i layout xml per queste due finestre generate in 
Come puoi vedere, non c'è niente di speciale, ci sono controller che rappresentano determinate finestre, ci sono modelli che rappresentano i nostri dati. Diamo un'occhiata alla classe che avvia l'applicazione (Implementazione dell'applicazione): 
GO TO FULL VERSION