Premiers pas avec JavaFX - Chicoree

1 Installer JavaFX

Avant de pouvoir utiliser JavaFX, il faut d'abord l'installer. Malheureusement, lors de la rédaction de cet article, il n'y avait pas de version de JavaFX pour Linux. Mais en rusant un peu, il est possible de s'en sortir avec le SDK pour Mac OS X. Voici donc la transcription des commandes shell que j'ai utilisées pour installer le SDK sur ma machine Debian/Etch à partir de l'image disque pour MacOS X.

2 Hello JavaFX

Puisque c'est la tradition, nous allons sacrifier au sempiternel "Hello World". Cela va au moins nous permettre de vérifier que l'installation précédente s'est bien passée.

3 JavaFX primer

La structure de base d'un script JavaFX est toujours la même. Un élément Stage représente une fenêtre de l'application. A l'intérieur de chaque fenêtre le graphe des objets à dessiner est décrit dans l'élément Scene.

4 Backstage

Bien, nous avons joué avec les Stages. Mais créer plusieurs (pleins?) de fenêtres vides n'est guère excitant. Nous allons donc maintenant nous intéresser plus spécialement au contenu à afficher dans une de ces fenêtres. Formellement, dans le vocabulaire de JavaFX, à la scène.

4.1 La fenêtre

Pour cette introduction, nous allons rester sur des formes géométriques simples. Le programme de départ ressemble fortement à ce que nous avons vu précédemment, et pour l'instant se contente d'afficher une fenêtre (sans spécification de taille ou de position). L'exécution de ce programme donne la mini-fenêtre ci contre. Mais rassurez-vous, d'ici quelques minutes nous allons la remplir.

4.2 Ajouter la scène

Nous allons y aller tout doucement. Ainsi, même si vous n'êtes pas familier de Java – ou de la programmation en général – vous ne serez pas noyés par de multiples modifications simultanées.

4.3 Du contenu

Bon, il est plus que temps de dessiner quelque chose (Enfin!). Je vous livre tel quel le code source. Son exécution devrait vous mener au résultat ci-contre:

4.4 Un peu de couleur

Comme il est triste ce cercle. Donnons lui un peu de peps en lui ajoutant un peu de couleur. La couleur de remplissage d'une forme est sa propriété fill. Et les couleurs de base sont pré-définies dans la classe Color du paquet javafx.scene.paint. Muni de ces informations, vous ne devriez avoir aucun mal à comprendre les modifications apportées à cette nouvelle version de notre programme:

4.5 Un peu de variété

Rajoutons maintenant un peu de variété à notre scène:

5 Move it baby!

Donc nous avons vu comment dessiner avec JavaFX. Mais il est aussi possible d'avoir non seulement des images fixes, mais aussi des animations.

5.1 Variables

Donc nous avons vu comment dessiner avec JavaFX. Mais il est aussi possible d'avoir non seulement des images fixes, mais aussi des animations.

5.2 Timeline et KeyFrame

Le principe dans JavaFX est de définir une timeline. C'est à dire un repère temporel qui indique ce qui doit se passer à des instants précis. Si vous avez déjà fait du montage vidéo – ou travaillé avec une technologie d'animation comme Flash – le concept doit vous être familier.

6 Sky is the limit

Nous avons fait dans cet article un rapide tour d'horizon des concepts de base de JavaFX. N'hésitez pas à expérimenter un peu avec ce programme. Pour vous familiariser autant avec la syntaxe du langage, qu'avec ces concepts.