Date de publication : 2008 Dernière mise à jour : Cet ...

chuckleelephantbutteSoftware and s/w Development

Jun 9, 2012 (5 years and 4 months ago)

459 views

Introduction à JavaFX - Partie 1
par Pierre-Nicolas Mougel (Site web)
Date de publication : 2008
Dernière mise à jour :
Cet article présente JavaFX Script, une nouvelle technologie de SUN pour
les RIA basé sur Java. A la fin de cet article vous devriez avoir un premier
aperçus de cette technologie et être capable d'écrire un programme simple.
D'autres articles sur JavaFX suivront qui en présenteront d'autres aspects. Le
contenus de cette présentation est facilement accessible à tout developpeur
ayant quelques connaissances en conception d'IHM. Des notions sur Java
peuvent être utile mais ne sont pas nécessaire.
Introduction à JavaFX - Partie 1 par Pierre-Nicolas Mougel (Site web)
- 2 -
Les sources présentés sur cette pages sont libres de droits, et vous pouvez les utiliser à votre convenance. Par contre la page de présentation de
ces sources constitue une oeuvre intellectuelle protégée par les droits d'auteurs. Copyright © 2008 - Pierre-Nicolas Mougel. Aucune reproduction,
même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de
l'auteur. Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts.
http://pn-mougel.developpez.com/tutoriels/java/introJFX1/
I - Présentation de JavaFX
I-A - Quelques exemples d'applications JavaFX
I-B - Liens web intéressants
I-C - Les autres technologies RIA
II - Installation
II-A - En mode stand alone
II-B - Plugin Eclipse
II-C - Plugin Netbeans
III - Programme simple avec JavaFX Script sur Netbeans 6.0
Introduction à JavaFX - Partie 1 par Pierre-Nicolas Mougel (Site web)
- 3 -
Les sources présentés sur cette pages sont libres de droits, et vous pouvez les utiliser à votre convenance. Par contre la page de présentation de
ces sources constitue une oeuvre intellectuelle protégée par les droits d'auteurs. Copyright © 2008 - Pierre-Nicolas Mougel. Aucune reproduction,
même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de
l'auteur. Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts.
http://pn-mougel.developpez.com/tutoriels/java/introJFX1/
I - Présentation de JavaFX
JavaFX est un ensemble de technologies de Sun Microsystems pour le monde des RIA. Pour l'instant JavaFX
comprend le langage JavaFX Script et JavaFX Mobile. En fait bien que le nom complet du langage soit JavaFX Script
nous le raccourcirons en général par JavaFX, même si les technologies et le langage sont bien différents.
JavaFX apporte donc des solutions pour la création d'interfaces utilisateurs évoluées dans le même genre que celles
développées avec Flash ou WPF. Cela permet également de faciliter le passage d'une application sur différentes
plateformes web, desktop ou mobile. Enfin, JavaFX permet surtout de séparer la partie design d'une application de la
partie métier, ce qui devrait faciliter la création d'interfaces utilisateur par des équipes spécialisées dans le graphisme
et non dans le développement, et ainsi produire des IHM plus attractives.
JavaFX se base sur la machine virtuel Java pour fonctionner donc la communication avec des applications java
standard est très simple. Une application JavaFX a accès à toutes les classes fournies par la machine virtuelle java.
A l'heure actuel JavaFX en est encore au stade du développement, donc il est possible qu'il y ait encore des bugs et
que certaines fonctionnalités ne soient pas implémentés, cependant cette technologie me semble très prometteuse
et j'espère qu'un aperçus du futur des technologies JavaFX vous donnera envie d'y participer.
I-A - Quelques exemples d'applications JavaFX
Ces applications sont tirées du site openjfx.
http://download.java.net/general/openjfx/demos/javafxpad.jnlp : Un éditeur léger qui permet de visualiser
l'exécution de programme JavaFX dans la partie supérieur de la fenêtre.
http://download.java.net/general/openjfx/demos/studiomoto.jnlp

: Une application montrant quelques effets
graphiques intéressant disponible dans JavaFX. Cette application utilise une version de JavaFX en développement
donc quelques bugs subsistent.
http://download.java.net/general/openjfx/demos/tesla.jnlp : Une autre application reprenant la page web des
moteurs Tesla.
http://download.java.net/general/openjfx/demos/casual.jnlp

: Un client messenger écrit avec JavaFX
http://download.java.net/general/openjfx/demos/svg.jnlp : Permet de convertir un document SVG en une classe
JavaFX
http://download.java.net/general/openjfx/demos/weatherfx.jnlp

: Cette application affiche le temps dans 3 endroits
différents. Elle utilise un service web pour connaitre le temps.
I-B - Liens web intéressants
Toutes les informations de cet article proviennent des sites web ci-dessous, vous devriez pouvoir y trouver de
nombreuses informations complémentaires à cet article.
https://openjfx.dev.java.net/index.html : Le site de la communauté qui développe JavaFX, on y retrouve des
exemples d'utilisation, des demos, des cours et tous les téléchargements qui concernent JavaFX.
https://openjfx.dev.java.net/JavaFX_FAQ.html

: La faq de JavaFX
Introduction à JavaFX - Partie 1 par Pierre-Nicolas Mougel (Site web)
- 4 -
Les sources présentés sur cette pages sont libres de droits, et vous pouvez les utiliser à votre convenance. Par contre la page de présentation de
ces sources constitue une oeuvre intellectuelle protégée par les droits d'auteurs. Copyright © 2008 - Pierre-Nicolas Mougel. Aucune reproduction,
même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de
l'auteur. Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts.
http://pn-mougel.developpez.com/tutoriels/java/introJFX1/
http://java.sun.com/javafx/ : La présentation de JavaFX sur le site de Sun. Il contient des liens et quelques cours.
http://jfx.wikia.com/wiki/Main_Page

: Un wiki avec de nombreux cours et code source utilisant JavaFX.
I-C - Les autres technologies RIA
Pour un comparatif avec les autres technologies RIA je vous conseil l'article de Fabien Deshayes :
http://fdeshayes.developpez.com/comparatifs/technologies-riches/
Introduction à JavaFX - Partie 1 par Pierre-Nicolas Mougel (Site web)
- 5 -
Les sources présentés sur cette pages sont libres de droits, et vous pouvez les utiliser à votre convenance. Par contre la page de présentation de
ces sources constitue une oeuvre intellectuelle protégée par les droits d'auteurs. Copyright © 2008 - Pierre-Nicolas Mougel. Aucune reproduction,
même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de
l'auteur. Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts.
http://pn-mougel.developpez.com/tutoriels/java/introJFX1/
II - Installation
II-A - En mode stand alone
II-B - Plugin Eclipse
ATTENTION : Je déconseille l'utilisation du plugin JavaFX sous Eclipse si vous utilisé Eclipse pour d'autre projets java.
En effet après l'installation du plugin la compilation des projets java a commencé à avoir des disfonctionnement et
l'auto complétion a arrêté de fonctionner. Malheureusement je n'ai pas réussi à trouver d'où pouvais venir le problème.
Attention : La configuration minimale d'Eclipse est 3.2.2
Pour installer le plugin Eclipse il faut aller dans le gestionnaire de plugins et rajouter le site "
http://download.java.net/general/openjfx/plugins/eclipse/site.xml

" dans la liste des sites de mise à jour. Ensuite il faut
sélectionner les plugins disponibles, accepter la licence d'utilisation et relancer la plateforme Eclipse.
Vous pourrez ensuite utiliser JavaFX dans Eclipse. Pour cela il faut créer un projet java standard, et ensuite ajouter
un fichier JavaFX à ce projet.
II-C - Plugin Netbeans
Introduction à JavaFX - Partie 1 par Pierre-Nicolas Mougel (Site web)
- 6 -
Les sources présentés sur cette pages sont libres de droits, et vous pouvez les utiliser à votre convenance. Par contre la page de présentation de
ces sources constitue une oeuvre intellectuelle protégée par les droits d'auteurs. Copyright © 2008 - Pierre-Nicolas Mougel. Aucune reproduction,
même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de
l'auteur. Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts.
http://pn-mougel.developpez.com/tutoriels/java/introJFX1/
III - Programme simple avec JavaFX Script sur Netbeans 6.0
Pour être un peu original, je vous propose une première application "Bonjour JavaFX". Cet exemple est largement
inspiré du tutoriel "Getting Started with the JavaFX Script Language" du site https://openjfx.dev.java.net/, mais vous
avouerez qu'il n'y a pas énormément de façon de réaliser un "HelloWorld"#
Pour cela commençons par créer un nouveau projet java "BonjourFX" sous Eclipse. Attention, il n'y a pas de projet
spécifique JavaFX, il faut commencer par créer un projet java normal.
IMAGE
Il fait maintenant ajouter un fichier JavaFx à notre projet. Cela vas ajouter automatiquement les librairies de JavaFX
au projet.
IMAGE
Maintenant on peut écrire notre programme dans la fenêtre de l'éditeur. Voici le code source :
LE CODE SOURCE
Voila une rapide explication du code source, plus d'explication seront données dans la partie II de ce tutoriel.
La première ligne ne choquera pas ceux qui connaisse java, il permet tout simplement d'importer les classes du
package mentionné, en l'occurrence "XXX"
La suite permet de créer une fenêtre dont on décrit ensuite les attributs.
Sa propriété "title" aura pour valeur "BonjourFX" et elle aura une largeur et hauteur de 300 et 100 pixels.
La propriété "content" permet de définir le contenu de la fenêtre.
Maintenant que notre code est écris, il ne reste plus qu'a exécuter notre application. Pour cela il faut créer une
nouvelle configuration d'exécution.
Sélectionner le projet "BonjourFX"
Dans les arguments, mettre le nom du fichier source sans l'extension
IMAGE
Et on appuie sur Run#
IMAGE
Si tout c'est bien passé votre première application JavaFx devrait avoir démarré, bravo !!
Introduction à JavaFX - Partie 1 par Pierre-Nicolas Mougel (Site web)
- 7 -
Les sources présentés sur cette pages sont libres de droits, et vous pouvez les utiliser à votre convenance. Par contre la page de présentation de
ces sources constitue une oeuvre intellectuelle protégée par les droits d'auteurs. Copyright © 2008 - Pierre-Nicolas Mougel. Aucune reproduction,
même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc sans l'autorisation expresse de
l'auteur. Sinon vous encourez selon la loi jusqu'à 3 ans de prison et jusqu'à 300 000 E de dommages et intérêts.
http://pn-mougel.developpez.com/tutoriels/java/introJFX1/