Explorer JavaFX 2.x à travers une gallérie de plus de 100 exemples d'application incluent dans une seule application

2011-12-25T07:16:00.000-08:00

JavaFX est une plateforme pour l'élaboration des application client riche (RIA) développé par sun microsystem d'Oracle. Ces API sont développés en Java depuis la version 2.x .

Selon la presse d'Oracle, il fût annoncé dans JavaOne 2011 que:

"Oracle a annoncé aujourd'hui la disponibilité de JavaFX 2.0, une plate-forme Java avancé d'interfaces utilisateur pour les applications entreprise et la seconde étape dans l'évolution de Java comme plate-forme client riche de premier ordre".

Les applications avec JavaFX sont déployable dans le Desktop ou en Applet sans la moindre modification du code.Chose dont on ne peut pas faire pas chez Swing/AWT.

A noter de même que JavaFX assure son intégration dans Swing et SWT. Ce qui permet aux développeurs d'étendre leurs applications existants.

Dans le site d'oracle on trouve des démos qui montrent ce que fait javafx et des applets . Cependant ,pour les exécuter vous devez procédez au téléchargement du runtime de JavaFX ou du SDK soit zn téléchargeant du SDK de JavaFX lui seul ou en téléchargeant la 2e mise à jour du JDK 7(JDK 7u2), l'installation se fait automatiquement juste après installation du JDK.

Telecharger le SDK de JavaFX 2.0.2 ou juste Télécharger le Runtime de JavaFX 2.0.2

Pour les applet seuls les navigateurs avec leurs version que je vaismentionner vont pouvoir exécuter ses applets comme c’est indiqué dans le sitede javafx.com :

Sous les architecture Windows 32bit et 64bit :

-pour Windows XP Home et Professional avec ServicePack 3 ^Foot 1: IE 7 et 8 et Chrome.

-pour Windows Vista Home Basic, Home Premium,Business, et Ultimate avec Service Pack 2 : IE 7,8 et 9, Firefox 3.5, 3.6et 4 et Chrome

-pour Windows 7 Home Premium, Professional, andUltimate : IE 8,9 et Firefox 3.5, 3,6 et 4.

Sous le lien que j’ai indiqué ci-après il y a 3 démos surjavafx. Le demo "Henley SalesDashboard" commence mais se plante après, mais le premier "Ensemble"marche très bien il y a presque tout ce que ce que fait javafx pour chaqueexemple tu cliques sur la photo ou sur [B]lunche sample[/B] le code source est fournidans ce lien.

Retrouver les démo dans le site d'oracle Il ne faut pas oublier de donner l'autorisation d’exécution car ces applets ne sont passignés et tu peut cocher que tu as confiance pour ce site d'oracle dans ce castu pourras ré-envoyer la requette et voir peu la vitesse de chargement.

Les applications que c'est vous qui peuvent aussi les exécuter certains j'ai affiché ici les images sont téléchargeables dans la même page précédente dans le lien qui suit le titre JavaFX Samples.

Parmi les exemples implémentés il y a l'application Ensemble qui démontre à travers plus de 100 exemple applications, j'ai fais des captures d'écran que j'ai concaténé les uns les autre vu qu'avec l'image on ne peut pas faire un défilement lors de son excursion avec la sourie passant sur chaque exemple vous observez l'animation et après si vous cliquez vous y rentrer pour voir de quoi il s'agit;

Après un clique sur chaque démonstration il est possible de voir la scène et le source sous l'onglet code source comme illustre l'image suivant dans 1:

Après l'entrée devant le code source il est possible d'enregistrer le projet Netbeans comme indiqué dans sur la figure suivante ou bien cliquer sur copy source pour copier le fichier si vous n'avez pas besoin de projet netbeans et vous pouvez le coller dans un projet Eclipse:

Vous donnez le nom du projet et vous spécifiez l'emplacement du projet comme ça:

Un onglet de recherche est inclut ps faciliter la navigation dans les éléments de l'application:

De même la documentation de l'API y est fourni on peut chercher tout ce qu'on veut:

Et explorez vos même la puissance de ces technologies. Oracle a conçu cette application en tant que référence pour les développeurs,une manière de découvrir facilement JavaFX. L'article suivant va vous expliquer la structure d'une application JavaFX et coder sous Eclipse sans avoir besoin de plugin. et un petit exemple de "Bonjour tout le monde".

Eclipse: Sans plugin spécifique on peut coder avec les APIs JavaFX 2.x sous Eclipse

2011-12-25T07:07:00.000-08:00

Dans cet article nous allons voir comment intégrer JavaFX dans l'IDE Éclipse et voir un petit exemple de "Bonjour tout le monde"

Vu que les API JavaFX 2.x sont écris en pure Java alors leurs intégration dans Eclipse se fait comme l'ajout d'une librerie.jar dans un projet Java . C'est très simple ! A présent sans plugin on peut coder sous Eclipse avec du code Java.On programme normalement comme une application java.

D'abord procéder au téléchargement du SDK de JavaFX soit en le téléchargeant lui seul ou en téléchargeant la 2 mise à jour du JDK 7(JDK 7u2) l'installation se fait automatiquement juste après installation du JDK. Dans le site d'oracle vous pouvez le télécharger:

Telecharger JavaFX 2.0.2

Après le téléchargement et l'installation, on suppose que vous avez déjà installer Eclipse sinon vous devez l’installer, moi j'ai utilisé Gallieo pour tester.

Telecharger Eclipse Gallileo

Donc pour intégrer on va procéder comme suite :

1.Créer un projet Java

2.Vous allez bien sur donner le nom du projet comme illustre l'image 3.il faut cliquer suivant et non pas finish ou mais si que vous saviez comment modifier les propriétés du projet alors faites comme vous voulez.

4. Après suivant choisissez la rubrique Librairies :

5.Vous allez choisir a insérer une librairie externe:

6. Après il va falloir parcourir pour trouver l'emplacement du SDK qui se trouve dans le répertoire Oracle dans le dossier d'installation des programme et 7. retrouver le repertoire du fichier jfxrt.jar dans le dossier C:\Program Files\Oracle\JavaFX 2.0 SDK\rt\lib\ , 8.cliquer sur ouvrir

9.Et c'est fini! cliquer sur finish :

Après avoir préparer notre environnement on va pouvoir exécuter nos application qui peuvent être déployés à la fois en Desktop ou en Applet sans modifier le code.(Ce tuto ne traite pas le déploiement) .

Ainsi dans notre projet on crée un petit exemple de bonjour tout le monde.Et bien l'application c'est une classe java.

Comme toute application en JavaFX la classe principale doit hériter de la classe javafx.application.Application . C'est une classe abstraite que la fenêtre principale de notre appli doit hériter.
Alors vu que j'ai dis que c'est une classe abstraite alors ça implique l’existence d'une méthode abstraite à implémenter obligatoirement. Et oui c'est la méthode start(Stage).

l'Objet de la classe javafx.stage.Stage étant la fenêtre principale, l'équivalent d'un Frame ou JFrame mais vu qu'en Applet on utilise pas de JFrame or Stage est le même objet qui désigne le cadre principal qui affiche notre scène graphique.Cette classe . C'est le concept d'un thêatre dans lequel on peut avoir plusieurs scènes.C'est un des sens du mot Stage en anglais "thêatre" et on utilise aussi le terme scène qui est l'objet inclut dans le Stage et qui va nous afficher nos nœuds graphiques graphiques a définir plus tard.

Pour exécuter notre application on doit appeler dans la méthode main la méthode statique launch() de la classe Application ,mais vu qu'on introduit la méthode main dans la classe qui hérite d'Application alors on l’appel directement.Cette méthode prend pour argument un tableau de String. Cet argument n'est autre que l'argument de la méthode main.

La méthode launch(args) appele la méthode start(Stage) pour exécuter l'application.

Voici un peu le code d'une simple fenêtre vide.

import javafx.application.Application;
import javafx.stage.Stage;

//Auteur Bilal

public class appBonjour extends Application{

public void start(Stage theatre){
theatre.show();
}

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

}
}


Pour exécuter faites comme un projet java vous pouvez le faire juste en cliquant sur le fichier lui même faites un Run As-> Java Application voici le resultat:

Avec Eclipse ne vous souciez pas des importations dès que vous appelez une classe de l'API alors c'est comme les autes API java, la classe détecte l'erreur et vous propose d'importer le package voulu contentez vous des package incluent dans le package javafx.

Voila une petite illustration pour ce qui ne savent pas comment faire:
Après avoir écris 1 vous cliquer dans 2 ça vous donne la fenêtre pour choisir 3 et ceci c'est la même chose pour le reste des classes.

Comment se structure une application JavaFx?

Et bien comme j'ai mentionné avant ce que c'est un Stage,mais pour bien préciser la classe javafx.stage.Stage hérite de la classe javafx.stage.window. Et bien un Objet Stage va contenir un ou plusieurs objet(s) javafx.scene.Scene ,mais un objet à la fois c'est à dire qu'on peut enlever une scène et insérer une autre dans la même application.

Un objet javafx.scene.Scene va contenir une structure arborescente de nœuds graphiques mais avec un seul nœud racine

Structure d'une appllication

C'est une implémentation du pattern Composite,

Donc le modèle objet catégorise nos nœuds graphiques en 2.

Donc la famille de Group, Parent, Region, Controle, Layout,Panel, GridPane, WebView... sont des nœuds composites qui peuvent contenir plusieurs neoud fils.

Par contre les noeuds comme Circle, Rectangle, Ellipse, Path, Polygone,Text, ImageWiew(en non Image),MediaView sont des noeud fils il ne pourront pas contenir d'autre nœud ni s'afficher dans une GrapheScen sans qu'un parent l'affiche.

Mais selon les expert d'oracle ils considèrent que la famille des Button, RadioButton, Label, TextField, ProgressBar..comme des noeud atomiques c'est vrai ce sont des nœud qui sont des côtés des parent mais on ne peut pas le considerer comme les parent et se permettre a insérer d'autre nœud mais ils doivent être vu comme des nœud fils même s'ils ne sont pas en réalité.

Chaque nœud graphique possède un id qui permet de l'identifier comme en Html ça sert à l'utiliser dans les feuilles de style CSS,mais il y a un autre avantage et qu'avec la fonction lookup(string idDuNoeud) on peut retrouver la référence d'un nœud n'importe quel endroit dans le nœud parent où il se trouve ou les sous-arbres.ça c'est en bref comment se structure une application JavaFX.

Notre application bonjours tout le monde on va le coder comme suit:

En plus du bout de code sur l'affichage d'une fenêtre vide on va ajouter une scène mais le graphe de scène doit être contrut avec un Group ou n'importe quel parent qu'on veut utiliser.
après on va ajouter nœud Text a notre groupe tout en donnant au texte son font et on ajoutera une effet de réflexion voila. Voici le code:

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.effect.Reflection;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.text.Text;
import javafx.stage.Stage;

//Auteur Bilal

public class appBonjour extends Application{

public void start(Stage theatre) {
theatre.setTitle("Ma première application");//Le titre
theatre.setResizable(false);
Scene scene;
Group racine=new Group();
scene=new Scene(racine,450,200,Color.AZURE);
theatre.setScene(scene);
Text texte = new Text(30,50,"Bonjour tout le monde");
texte.setFont(Font.font(Font.getDefault().getFamily(), FontWeight.BOLD,36));
final Reflection effetReflection=new Reflection();
texte.setEffect(effetReflection);
racine.getChildren().add(texte);
theatre.show();//
}//la method start(Stage)

public static void main(String args[]){
launch(args); //Application.launch(args);
}//
}//

Voilà ce que ça donne:

Je pense que cet article vous a ouvert un peu le monde de ces APIs.A vous de jouer!

J.C.N Developer

Explorer JavaFX 2.x à travers une gallérie de plus de 100 exemples d'application incluent dans une seule application

Eclipse: Sans plugin spécifique on peut coder avec les APIs JavaFX 2.x sous Eclipse