Tutorial JavaFX: come creare un'applicazione?



Questo tutorial JavaFX offre una breve introduzione alla piattaforma JavaFX, alle sue caratteristiche, alla sua architettura e ti aiuterà a creare la tua prima applicazione JavaFX

JavaFX è una piattaforma Java per la creazione di RIA (Rich Internet Application) che possono essere eseguite su un'ampia varietà di dispositivi. È destinato a sostituire Swing in Java applicazioni come framework GUI. Inoltre, offre più funzionalità rispetto a Swing. JavaFX è il toolkit GUI di nuova generazione per . Sembra interessante? In questo tutorial JavaFX, esploriamo il concetto in dettaglio.

Cos'è JavaFX? S

JavaFX è una libreria Java utilizzata per progettare, creare, testare e distribuire applicazioni GUI multipiattaforma e RIA (Rich Internet Application) che possono essere eseguite su un'ampia varietà di dispositivi.





  • Uno degli incentivi per creare JavaFX è stato quello di sostituire Swing. Inoltre, JavaFX è più coerente nel suo design rispetto a Swing.
  • Ha più funzionalità ed è anche più moderno, consentendo di progettare GUI utilizzando file di layout (XML) e modellarli con .
  • JavaFX integra anche grafica 2D + 3D, grafici, audio, video e applicazioni web incorporate in un toolkit GUI coerente.

Nota: Le applicazioni Internet avanzate sono quelle applicazioni Web che offrono funzionalità ed esperienza simili a quelle delle applicazioni desktop. Offrono agli utenti un'esperienza visiva migliore rispetto alle normali applicazioni web.

Ora che sei consapevole di cosa sia esattamente JavaFX, controlla la parte relativa all'architettura nella parte successiva di questo tutorial JavaFX.



Architettura JavaFX

JavaFX ha vari componenti incorporati che sono interconnessi tra loro. Contiene un ricco set di API che sono più che sufficienti per sviluppare ricche applicazioni Internet che vengono eseguite in modo coerente su molte piattaforme. La seguente illustrazione mostra l'architettura dell'API JavaFX.

Architettura - Tutorial JavaFX - Edureka

Esploriamo in dettaglio ciascuno di questi componenti.



qual è l'istanza in java

Grafico della scena

Scene Graph è il punto di partenza per la costruzione di un'applicazione JavaFX. È un gerarchico di nodi che rappresenta tutti gli elementi visivi dell'interfaccia utente dell'applicazione. Un singolo elemento in un grafico di scena è chiamato nodo. Ogni nodo è un nodo di diramazione o un nodo foglia. I nodi ramo possono contenere altri nodi, come i loro figli, ma i nodi foglia non contengono altri nodi. Il primo nodo dell'albero è chiamato nodo radice. Un nodo radice non ha un genitore.

Ci sono varie classi presenti in javafx.scene pacchetto che vengono utilizzati per creare, modificare e applicare alcune trasformazioni sul nodo.

Motore grafico

Il motore grafico JavaFX fornisce il supporto grafico al componente grafico della scena. Generalmente supporta sia la grafica 2D che quella 3D. Fornisce anche il rendering software quando l'hardware grafico presente nel sistema non è in grado di supportare il rendering con accelerazione hardware.

Le due pipeline con accelerazione grafica in JavaFX sono:

  • Prisma - Itè una grafica ad alte prestazioni con accelerazione hardware in grado di eseguire il rendering di grafica sia 2D che 3D.
  • Quantum Toolkit -Viene utilizzato per legare insieme prisma e kit di strumenti per finestre in vetro e li rende disponibili per gli strati sopra nella pila.

Toolkit per finestre in vetro

È un livello dipendente dalla piattaforma che collega la piattaforma JavaFX al sistema operativo nativo. Fornisce servizi del sistema operativo nativo come la gestione di finestre, eventi, timer e superfici.

Media e motore web

  • Motore web - Itè un motore di browser web utilizzato per incorporare il file contenuto in un grafico di scena JavaFX.Supporta HTML5, CSS, , DOM e SVG.
  • Media Engine - Itfornisce strumenti per creare applicazioni multimediali che abilitano la riproduzione multimediale nella finestra del desktop o all'interno di una pagina web su piattaforme supportate. JavaFX motore multimediale si basa su un motore open source noto come Streamer . Supporta la riproduzione di contenuti video e audio.

Queste sono lecomponenti che supportano l'API JavaFX. La parte successiva di questo tutorial JavaFX riguarda la struttura dell'applicazione JavaFX.

Anatomia di un'applicazione JavaFX

Applicazione JavaFXè diviso gerarchicamente in tre componenti principali: Stage, Scene e Nodes.

Palcoscenico

È il contenitore principale e il punto di ingresso dell'applicazione. Rappresenta la finestra principale e l'oggetto stage creato viene passato come argomento del file inizio() metodo di Applicazione classe.Una fase ha due parametri, Larghezza, e Altezza, che determina la posizione vale a dire.

Sono disponibili cinque tipi di fasi e meno

  • Decorato
  • Non decorato
  • Trasparente
  • Unificato
  • Utilità

Devi chiamare il spettacolo() metodo per visualizzare il contenuto di una fase.

Scena

Il scena è un contenitore per il contenuto visivo dello stage. Contiene gli elementi dell'interfaccia utente, come visualizzazioni di immagini, pulsanti, griglie, caselle di testo. Javafx.scene.Scene classedel pacchetto javafx.scene fornisce tutti i metodi per gestire un oggetto scena.Puoi creare una scena creando il file Scena oggetto class e passando l'oggetto layout nel costruttore della classe Scene.

Grafico scena e nodi

Esiste inlivello più basso della gerarchia. UN grafico della scena è una struttura di dati ad albero (gerarchica) che rappresenta il contenuto di una scena. Puoi pensarlo come la raccolta di vari nodi. Fondamentalmente. un nodo è un oggetto visivo / grafico di un grafico di scena.Il Nodo Classe del pacchetto javafx.scene rappresenta un singolo nodo in JavaFX e questa classe è la superclasse di tutti i nodi.

Ora che conosci il filestruttura di un'applicazione JavaFX in dettaglio, impariamo come creare un'applicazione JavaFX con un esempio in questo tutorial JavaFX.

Creazione di un'applicazione JavaFX

Vediamo come eseguire J avaFX programmazione su IDE Eclipse. La prima cosa che devi fare è installare e (fx) clipse plugin per Eclipse IDE. e (fx) clipse è un insieme di strumenti e librerie necessarie che ti aiuta a eseguire la programmazione JavaFX.

Qui stiamo creando una semplice applicazione JavaFX che stampa Benvenuto in Edureka! sulla console facendo clic sul pulsante mostrato sullo stage.

pacchetto applicazione import javafx.application.Application import javafx.event.ActionEvent import javafx.event.EventHandler import javafx.scene.Scene import javafx.scene.control.Button import javafx.scene.layout.StackPane import javafx.stage.Stage public class Main estende l'applicazione {@Override public void start (Stage primaryStage) {Button btn = new Button () btn.setText ('Say' Welcome to Edureka! '') Btn.setOnAction (new EventHandler () {@Override public void handle ( Evento ActionEvent) {System.out.println ('Welcome to Edureka!')}}) StackPane root = new StackPane () root.getChildren (). Add (btn) Scene scene = new Scene (root, 300, 250) primaryStage .setTitle ('Hello World!') primaryStage.setScene (scene) primaryStage.show ()} public static void main (String [] args) {launch (args)}}

Produzione:

Benvenuto in Edureka!

Spiegazione del programma di esempio dell'applicazione JavaFX

Proviamo a capire come funziona questo programma di esempio in semplici passaggi.

Passo 1: Estendi javafx.application.Application e sovrascrivi il metodo start ()

Come abbiamo discusso in precedenza, inizio() è il punto di partenza dell'applicazione JavaFX. Importare JavaFX.application.Application per sovrascrivere il metodo start (). Sostituisci il metodo start () e passa ad esso una ooggetto della classe javafx.stage.Stage.

@Override public void start (Stage primaryStage)

Passo 2: Crea un pulsante

È possibile creare un pulsante istanziando il file javafx.scene.control.Button classe. Pertanto, importa la classe pertinente nel codice. Passa il testo dell'etichetta del pulsante nel costruttore della classe Button.

Pulsante btn = nuovo pulsante ()

Step3: Crea un evento per il pulsante

Questa applicazione di esempio stampa il testo per un evento sul pulsante. Quindi, devi creare un evento per il pulsante. A tal fine, chiama setOnAction () sul pulsante e definire un gestore eventi di classe anonima come parametro del metodo.All'interno di questa classe anonima, definire un metodo handle (). Controlla il codice per il metodo handle ().

btn.setText ('Say' Welcome to Edureka! '') btn.setOnAction (new EventHandler () {@Override public void handle (ActionEvent event) {System.out.println ('Welcome to Edureka!')}

Step4: Crea un layout e aggiungi il pulsante ad esso

JavaFX di solito fornisce una serie di layout. Implementane uno per visualizzare correttamente i widget. È necessario aggiungere altri nodi come pulsanti, testi, ecc. A questo layout.

StackPane root = nuovo StackPane () root.getChildren (). Add (btn)

Step5: Crea la scena

La scena si trova a un livello superiore nella gerarchia della struttura dell'applicazione JavaFx. Quindi, devi aggiungere il tuo layout alla scena. Puoi crearlo istanziando javafx.scene.Scene class e passare l'oggetto layout al costruttore della classe scene.

Scene scene = new Scene (root, 300, 250)

Step5: Prepara il palco

Lo stage è il contenitore principale e il punto di ingresso dell'applicazione. Utilizza i metodi offerti da javafx.stage.Stage class per impostare alcuni attributi per lo stage.Usa il metodo show () per visualizzare lo stage. Ecco il codice per farlo.

primaryStage.setTitle ('Hello World!') primaryStage.setScene (scene) primaryStage.show ()

Step6: Crea il metodo principale

Nell'ultimo passaggio, crea un metodo principale in cui avvierai l'applicazione, ad esempio chiama il metodo launch () e passagli gli argomenti della riga di comando (args).

public static void main (String [] args) {launch (args)}

Step7: Esegui l'applicazione per vedere l'output.

Per renderlo più interessante puoi cambiare l'interfaccia utente dell'applicazione JavaFX applicandovi un design personalizzato come HTML e CSS.

Questo ci porta alla fine di tutto questoTutorial JavaFX. Abbiamo esaminato la struttura interna dell'applicazione JavaFX e appreso le funzionalità chiave della sua architettura, ciclo di vita e componenti. Abbiamo anche verificato come creare una semplice applicazione GUI.

Assicurati di esercitarti il ​​più possibile e di ripristinare la tua esperienza.

Controlla il da Edureka, una società di formazione online affidabile con una rete di oltre 250.000 studenti soddisfatti sparsi in tutto il mondo. Siamo qui per aiutarti in ogni fase del tuo viaggio, per diventare oltre a queste domande di intervista Java, abbiamo creato un curriculum progettato per studenti e professionisti che vogliono essere uno sviluppatore Java.

Hai domande per noi? Si prega di menzionarlo nella sezione commenti di questo tutorial JavaFX e ti risponderemo il prima possibile.