Tutorial JavaFX: Com crear una aplicació?



Aquest tutorial JavaFX proporciona una breu introducció a la plataforma JavaFX, les seves característiques, la seva arquitectura i us ajudarà a crear la vostra primera aplicació JavaFX.

JavaFX és una plataforma Java per crear aplicacions d’Internet riques (RIA) que poden funcionar en una gran varietat de dispositius. Es pretén substituir Swing a Java aplicacions com a marc GUI. A més, ofereix més funcionalitats que Swing. JavaFX és el conjunt d'eines GUI de nova generació per a . Sona interessant? En aquest tutorial de JavaFX, explorem el concepte en detall.

Què és JavaFX?

JavaFX és una biblioteca Java que s’utilitza per dissenyar, crear, provar i desplegar aplicacions GUI multiplataforma i aplicacions d’Internet riques (RIA) que poden funcionar en una àmplia varietat de dispositius.





  • Un incentiu per crear JavaFX va ser substituir Swing. A més, JavaFX és més coherent en el seu disseny que Swing.
  • Té més funcions i també és més modern, cosa que us permet dissenyar GUI mitjançant fitxers de disseny (XML) i estilitzar-los amb .
  • JavaFX també integra gràfics 2D + 3D, gràfics, àudio, vídeo i aplicacions web incrustades en un conjunt d’eines GUI coherent.

Nota: Les aplicacions d'Internet riques són aquelles aplicacions web que ofereixen funcions i experiència similars a les d'aplicacions d'escriptori. Ofereixen una millor experiència visual en comparació amb les aplicacions web normals per als usuaris.

Ara que ja sou conscient de què és exactament JavaFX, consulteu-ne la part d'arquitectura a la següent part d'aquest tutorial de JavaFX.



Arquitectura JavaFX

JavaFX té diversos components integrats que estan interconnectats entre si. Conté un conjunt ric d’APIs que són més que suficients per desenvolupar aplicacions d’Internet riques que funcionen de manera constant en moltes plataformes. La següent il·lustració mostra l'arquitectura de l'API JavaFX.

Arquitectura - Tutorial JavaFX - Edureka

requisits previs per al curs d'intel·ligència artificial

Explorem detalladament cadascun d’aquests components.



Gràfic d’escena

Scene Graph és el punt de partida per construir una aplicació JavaFX. És un sistema jeràrquic de nodes que representa tots els elements visuals de la interfície d’usuari de l’aplicació. Un sol element en un gràfic d’escena s’anomena node. Cada node és un node de ramificació o un node de fulla. Els nodes de sucursal poden contenir altres nodes, com els seus fills, però els nodes Leaf no contenen altres nodes. El primer node de l'arbre s'anomena node arrel. Un node arrel no té cap pare.

Hi ha diverses classes presents a javafx.scene paquet que s'utilitza per crear, modificar i aplicar algunes transformacions al node.

Motor gràfic

El motor gràfic JavaFX proporciona suport gràfic al component del gràfic d’escena. Generalment admet gràfics en 2D i 3D. També proporciona la representació de programari quan el maquinari gràfic present al sistema no és compatible amb la representació accelerada per maquinari.

Les dues canonades accelerades gràfiques del JavaFX són:

  • Prisma - Ésés un gràfic d’alt rendiment accelerat per maquinari que pot representar gràfics en 2D i 3D.
  • Kit d'eines quàntiques:S'utilitza per unir el prisma i el conjunt d'eines de vidres i els fa disponibles per a les capes anteriors de la pila.

Joc d'eines de vidre de vidre

És una capa que depèn de la plataforma que connecta la plataforma JavaFX amb el sistema operatiu natiu. Proporciona serveis de sistemes operatius natius com ara la gestió de finestres, esdeveniments, temporitzadors i superfícies.

Mitjans de comunicació i motor web

  • Motor web - Ités un motor de navegador web que s'utilitza per incrustar el fitxer contingut a un gràfic d’escena JavaFX.És compatible amb HTML5, CSS, , DOM i SVG.
  • Media Engine - Itproporciona eines per crear aplicacions multimèdia que permetin la reproducció multimèdia a la finestra de l'escriptori o dins d'una pàgina web en plataformes compatibles. JavaFX motor multimèdia es basa en un motor de codi obert conegut com a Streamer . Admet la reproducció de contingut de vídeo i àudio.

Aquests són elscomponents que admeten l'API JavaFX. La següent part d'aquest tutorial de JavaFX tracta sobre l'estructura de l'aplicació JavaFX.

Anatomia d'una aplicació JavaFX

Aplicació JavaFXes divideix jeràrquicament en tres components principals: Etapa, Escena i Nodes.

Etapa

És el contenidor principal i el punt d’entrada de l’aplicació. Representa la finestra principal i l'objecte d'etapa creat es passa com a argument del fitxer començar() mètode de Aplicació classe.Una etapa té dos paràmetres, Amplada, i Alçada, que determina la posició és a dir.

Hi ha cinc tipus d’etapes disponibles i menys

  • Decorat
  • Sense decorar
  • Transparent
  • Unificat
  • Utilitat

Heu de trucar al espectacle() mètode per mostrar el contingut d'una etapa.

Escena

El escena és un contenidor per al contingut visual de l’escenari. Conté els elements de la interfície d'usuari, com ara Visualitzacions d'imatges, botons, quadrícules, caixes de text. Javafx.scene.Scene classedel paquet javafx.scene proporciona tots els mètodes per tractar un objecte d'escena.Podeu crear una escena creant el fitxer Escena objecte de classe i passar l'objecte de disseny al constructor de classes Scene.

Gràfic d'escena i nodes

Existeix alnivell més baix de la jerarquia. A gràfic d’escena és una estructura de dades en forma d’arbre (jeràrquica) que representa el contingut d’una escena. Podeu pensar-ho en la col·lecció de diversos nodes. Bàsicament. a node és un objecte visual / gràfic d'una gràfica d'escena.El Node Classe del paquet javafx.scene representa un sol node a JavaFX i aquesta classe és la superclasse de tots els nodes.

Ara que ja coneixeu eldetallada de l’estructura d’una aplicació JavaFX, aprenem a crear una aplicació JavaFX amb un exemple en aquest tutorial JavaFX.

Creació d’una aplicació JavaFX

Vegem com es realitza J avaFX programació a IDE Eclipse. El primer que heu de fer és instal·lar-lo e (fx) clipse connector per a IDE Eclipse. e (fx) clipse és un conjunt d'eines i biblioteques necessàries que us ajuda a realitzar la programació JavaFX.

Aquí, estem creant una senzilla aplicació JavaFX que imprimeix Benvingut a Edureka! a la consola fent clic al botó que es mostra a l’escenari.

paquet d'importació d'aplicacions 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 extends Application {@Override public void start (Stage primaryStage) {Button btn = new Button () btn.setText ('Digueu' Benvingut a Edureka! '') Btn.setOnAction (new EventHandler () {@Override public void handle ( Esdeveniment 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)}}

Sortida:

Benvingut a Edureka!

Explicació del programa d'exemple d'aplicació JavaFX

Intentem entendre com funciona aquest exemple de programa en passos senzills.

Pas 1: Amplieu el mètode javafx.application.Application i override start ()

Com hem comentat anteriorment, començar() mètode és el punt de partida de l'aplicació JavaFX. Importar JavaFX.application.Application per anul·lar el mètode start (). Substitueix el mètode start () i passa-li un oobjecte de la classe javafx.stage.Stage.

@Override public void start (Etapa primària Etapa)

Pas 2: Crea un botó

Podeu crear un botó instanciant el fitxer javafx.scene.control.Button classe. Per tant, importeu la classe pertinent al codi. Passeu el text de l’etiqueta de botó al constructor de classes de botons.

Botó btn = botó nou ()

Pas 3: Creeu un esdeveniment per al botó

Aquest exemple d'aplicació imprimeix el text d'un esdeveniment al botó. Per tant, heu de crear un esdeveniment per al botó. Per a aquest propòsit, truqueu a setOnAction () al botó i definiu un controlador d'esdeveniments de classe anònim com a paràmetre del mètode.Dins d’aquesta classe anònima, definiu un handle de mètode (). Consulteu el codi del mètode handle ().

btn.setText ('Digueu' Benvingut a Edureka! ') btn.setOnAction (nou EventHandler () {@Override public void handle (esdeveniment ActionEvent) {System.out.println (' Benvingut a Edureka! ')}

Pas 4: Creeu un disseny i afegiu-hi el botó

JavaFX sol proporcionar diversos dissenys. Implementeu-ne un per visualitzar correctament els ginys. Heu d’afegir altres nodes com botons, textos, etc. a aquest disseny.

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

Pas 5: Crea l’escena

L'escena es troba a un nivell superior a la jerarquia de l'estructura de l'aplicació JavaFx. Per tant, heu d’afegir el vostre disseny a l’escena. Podeu crear-lo instantàniament javafx.scene.Scene class i passeu l'objecte de disseny al constructor de classes d'escena.

Escena de l'escena = nova escena (arrel, 300, 250)

Pas 5: Prepara l’escenari

L’escenari és el contenidor principal i el punt d’entrada de l’aplicació. Utilitzeu els mètodes oferts per javafx.stage.Stage classe per establir alguns atributs per a l’escenari.Utilitzeu el mètode show () per mostrar l’escenari. Aquí teniu el codi per a això.

primaryStage.setTitle ('Hola món!') primaryStage.setScene (escena) primaryStage.show ()

Pas 6: Creeu el mètode principal

En l’últim pas, creeu un mètode principal en el qual llançareu l’aplicació, és a dir, el mètode call launch () i li passareu els arguments de la línia d’ordres (args)

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

Pas 7: Executeu l'aplicació per veure la sortida.

Per fer-la més interessant, podeu canviar la interfície d’usuari de l’aplicació JavaFX aplicant-hi un disseny personalitzat com HTML i CSS.

Això ens porta al finalTutorial JavaFX. Hem revisat l’estructura interna de l’aplicació JavaFX i hem après les funcions clau de la seva arquitectura, cicle de vida i components. També vam comprovar com es crea una aplicació GUI senzilla.

Assegureu-vos de practicar el màxim possible i de recuperar la vostra experiència.

Consulteu el per Edureka, una empresa d'aprenentatge en línia de confiança amb una xarxa de més de 250.000 estudiants satisfets repartits per tot el món. Estem aquí per ajudar-vos en tots els passos del vostre viatge; per convertir-vos en una pregunta a part d’aquestes entrevistes java, oferim un pla d’estudis dissenyat per a estudiants i professionals que vulguin ser desenvolupador de Java.

Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris d’aquest tutorial de JavaFX i ens posarem en contacte amb vostè el més aviat possible.