Tutoriel JavaFX: Comment créer une application?



Ce tutoriel JavaFX donne une brève introduction à la plateforme JavaFX, ses fonctionnalités, son architecture et vous aidera à créer votre première application JavaFX

JavaFX est une plate-forme Java permettant de créer des applications Internet riches (RIA) pouvant s'exécuter sur une grande variété d'appareils. Il est destiné à remplacer Balancer à Java applications en tant que cadre GUI. En outre, il offre plus de fonctionnalités que Swing. JavaFX est la boîte à outils GUI de nouvelle génération pour . Ça a l'air intéressant? Dans ce didacticiel JavaFX, explorons le concept en détail.

Qu'est-ce que JavaFX?

JavaFX est une bibliothèque Java utilisée pour concevoir, créer, tester et déployer des applications d'interface graphique multiplateformes et des applications Internet riches (RIA) pouvant fonctionner sur une grande variété de périphériques.





  • L'une des incitations à créer JavaFX était de remplacer Swing. De plus, JavaFX est plus cohérent dans sa conception que Swing.
  • Il a plus de fonctionnalités et est plus moderne aussi, vous permettant de concevoir une interface graphique à l'aide de fichiers de mise en page (XML) et de les styliser avec .
  • JavaFX intègre également des graphiques 2D + 3D, des graphiques, des applications audio, vidéo et Web intégrées dans une boîte à outils d'interface graphique cohérente.

Remarque: Les applications Internet riches sont les applications Web qui offrent des fonctionnalités et une expérience similaires à celles des applications de bureau. Ils offrent une meilleure expérience visuelle par rapport aux applications Web normales aux utilisateurs.

Maintenant que vous savez ce qu'est exactement JavaFX, consultez la partie architecture de celui-ci dans la partie suivante de ce didacticiel JavaFX.



JavaFX Architecture

JavaFX a divers composants intégrés qui sont interconnectés les uns avec les autres. Il contient un riche ensemble d'API qui sont plus que suffisants pour développer des applications Internet riches qui s'exécutent de manière cohérente sur de nombreuses plates-formes. L'illustration suivante montre l'architecture de l'API JavaFX.

Architecture - Tutoriel JavaFX - Edureka

Explorons chacun de ces composants en détail.



Graphique de la scène

Scene Graph est le point de départ de la construction d'une application JavaFX. C'est une hiérarchie de nœuds qui représentent tous les éléments visuels de l'interface utilisateur de l'application. Un élément unique dans un graphe de scène est appelé un nœud. Chaque nœud est soit un nœud de branche, soit un nœud feuille. Les nœuds de branche peuvent contenir d'autres nœuds, comme leurs enfants, mais les nœuds de feuille ne contiennent pas d'autres nœuds. Le premier nœud de l'arborescence est appelé le Noeud principal. Un nœud racine n'a pas de parent.

Il existe différentes classes présentes dans javafx.scene package utilisé pour créer, modifier et appliquer certaines transformations sur le nœud.

Moteur graphique

Le moteur graphique JavaFX fournit la prise en charge graphique du composant graphique de scène. Il prend généralement en charge les graphiques 2D et 3D. Fournit également le rendu logiciel lorsque le matériel graphique présent sur le système n'est pas en mesure de prendre en charge le rendu accéléré par le matériel.

Les deux pipelines graphiques accélérés dans JavaFX sont:

  • Prisme - Ilest un matériel graphique haute performance à accélération matérielle qui peut rendre des graphiques 2D et 3D.
  • Boîte à outils Quantum -Il est utilisé pour lier ensemble le prisme et le kit d'outils de fenêtrage de verre et les rend disponibles pour les couches ci-dessus dans la pile.

Boîte à outils de fenêtrage de verre

Il s'agit d'une couche dépendante de la plate-forme qui connecte la plate-forme JavaFX au système d'exploitation natif. Il fournit des services de système d'exploitation natifs tels que la gestion des fenêtres, des événements, des minuteries et des surfaces.

Médias et moteur Web

  • Moteur Web - Itest un moteur de navigateur Web utilisé pour intégrer le contenu dans un graphe de scène JavaFX.Il prend en charge HTML5, CSS, , DOM et SVG.
  • Moteur multimédia - Itfournit des outils pour créer des applications multimédias qui permettent la lecture multimédia dans la fenêtre du bureau ou dans une page Web sur les plates-formes prises en charge. JavaFX moteur multimédia est basé sur un moteur open-source appelé Banderole . Il prend en charge la lecture de contenu vidéo et audio.

Voici lescomposants prenant en charge l'API JavaFX. La partie suivante de ce didacticiel JavaFX concerne la structure de l'application JavaFX.

Anatomie d'une application JavaFX

JavaFX applicationest divisé hiérarchiquement en trois composants principaux: scène, scène et nœuds.

Étape

C'est le conteneur principal et le point d'entrée de l'application. Il représente la fenêtre principale et l'objet de scène créé est passé en argument du début() méthode de Application classe.Une étape a deux paramètres, Largeur, et La taille, qui détermine la position à savoir.

Il existe cinq types d'étapes disponibles et moins

  • Décoré
  • Non décoré
  • Transparent
  • Unifié
  • Utilitaire

Vous devez appeler le montrer() méthode pour afficher le contenu d'une étape.

Scène

La scène est un conteneur pour le contenu visuel de la scène. Il contient les éléments de l'interface utilisateur, tels que les vues d'image, les boutons, les grilles, les zones de texte. Javafx.scene.Scene classedu forfait javafx.scene fournit toutes les méthodes pour traiter un objet de scène.Vous pouvez créer une scène en créant le Scène objet de classe et en passant l'objet de mise en page dans le constructeur de classe Scene.

Graphe de scène et nœuds

Il existe auniveau le plus bas de la hiérarchie. UNE graphique de scène est une structure de données arborescente (hiérarchique) représentant le contenu d'une scène. Vous pouvez le considérer comme la collection de divers nœuds. Fondamentalement. une nœud est un objet visuel / graphique d'un graphe de scène.La Nœud Classe du package javafx.scene représente un seul nœud dans JavaFX et cette classe est la superclasse de tous les nœuds.

comment utiliser goto en python

Maintenant que vous connaissez lestructure d'une application JavaFX en détail, apprenons à créer une application JavaFX avec un exemple dans ce didacticiel JavaFX.

Création d'une application JavaFX

Voyons comment exécuter J avaFX programmation sur IDE Eclipse. La première chose à faire est d'installer e(fx)clipse plugin pour Eclipse IDE. e(fx)clipse est un ensemble d'outils et de bibliothèques nécessaires qui vous aident à effectuer la programmation JavaFX.

Ici, nous créons une application JavaFX simple qui imprime Bienvenue à Edureka! sur la console en cliquant sur le bouton affiché sur la scène.

package application 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 classe publique Main extend Application {@Override public void start (Stage primaryStage) {Button btn = new Button () btn.setText ('Say' Welcome to Edureka! '') Btn.setOnAction (new EventHandler () {@Override public void handle ( Evénement 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)}}

Production:

Bienvenue à Edureka!

Explication du programme d'exemple d'application JavaFX

Essayons de comprendre le fonctionnement de cet exemple de programme en quelques étapes simples.

Étape 1: Étendez javafx.application.Application et remplacez la méthode start ()

Comme nous l'avons vu précédemment, début() méthode est le point de départ de l'application JavaFX. Importer JavaFX.application.Application pour remplacer la méthode start (). Remplacez la méthode start () et passez-lui un oobjet de la classe javafx.stage.Stage.

@Override public void start (Stage primaryStage)

Étape 2: Créer un bouton

Vous pouvez créer un bouton en instanciant le javafx.scene.control.Button classe. Par conséquent, importez la classe appropriée dans le code. Passez le texte de l'étiquette du bouton dans le constructeur de la classe Button.

Bouton btn = nouveau bouton ()

Étape 3: Créer un événement pour le bouton

Cet exemple d'application imprime le texte d'un événement sur le bouton. Vous devez donc créer un événement pour le bouton. Pour cela, appelez setOnAction () sur le bouton et définissez un gestionnaire d'événements de classe anonyme en tant que paramètre de la méthode.Dans cette classe anonyme, définissez une méthode handle (). Consultez le code de la méthode handle ().

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

Étape 4: Créez une mise en page et ajoutez-y le bouton

JavaFX fournit généralement un certain nombre de dispositions. Implémentez l'un d'entre eux afin de visualiser correctement les widgets. Vous devez ajouter d'autres nœuds comme des boutons, des textes, etc. à cette mise en page.

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

Étape 5: Créer la scène

La scène se situe à un niveau supérieur dans la hiérarchie de la structure de l'application JavaFx. Vous devez donc ajouter votre mise en page à la scène. Vous pouvez le créer instanciant javafx.scene.Scene class et transmettez l'objet de mise en page au constructeur de classe de scène.

Scène scène = nouvelle scène (racine, 300, 250)

Étape 5: Préparez la scène

La scène est le conteneur principal et le point d'entrée de l'application. Utilisez les méthodes proposées par javafx.stage.Stage class pour définir certains attributs de la scène.Utilisez la méthode show () pour afficher la scène. Voici le code à cela.

primaryStage.setTitle ('Hello World!') primaryStage.setScene (scène) primaryStage.show ()

Étape 6: Créer la méthode principale

Dans la dernière étape, créez une méthode principale dans laquelle vous lancerez l'application, c'est-à-dire appelez la méthode launch () et lui passerez les arguments de ligne de commande (args).

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

Étape 7: Exécutez l'application pour voir la sortie.

Pour le rendre plus intéressant, vous pouvez modifier l'interface utilisateur de l'application JavaFX en lui appliquant un design personnalisé comme HTML et CSS.

Cela nous amène à la fin de cetteTutoriel JavaFX. Nous avons parcouru la structure interne de l'application JavaFX et appris les fonctionnalités clés de son architecture, de son cycle de vie et de ses composants. Nous avons également vérifié comment créer une application GUI simple.

Assurez-vous de pratiquer autant que possible et inversez votre expérience.

Vérifiez par Edureka, une entreprise d'apprentissage en ligne de confiance avec un réseau de plus de 250 000 apprenants satisfaits répartis dans le monde entier. Nous sommes là pour vous aider à chaque étape de votre voyage, pour devenir une autre question d'entrevue java, nous proposons un programme conçu pour les étudiants et les professionnels qui souhaitent devenir développeur Java.

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de ce tutoriel JavaFX et nous vous répondrons dans les plus brefs délais.