Mis à jour le 05/10/2017
  • 4 heures
  • Facile

Ce cours est visible gratuitement en ligne.

Vous pouvez être accompagné et mentoré par un professeur particulier par visioconférence sur ce cours.

J'ai tout compris !

Présentation de l'interface graphique en JavaFX

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

Avant de nous jeter dans l'apprentissage du code JavaFX, je vais vous donner dans ce chapitre un rapide aperçu des possibilités graphiques offertes par JavaFX, histoire de voir si ça vaut le coup de se donner le mal d'apprendre à utiliser cette nouvelle technologie ;) .

Cet aperçu sera bref et incomplet mais il permet de se faire une idée de ce qu'on peut faire en JavaFX. J'espère que ça vous donnera envie ;) .

Éléments d'une interface

Les éléments de contrôle utilisateur

Les éléments de contrôle utilisateur sont tous les éléments qui permettent à l'utilisateur d'indiquer des informations le concernant, vous les connaissez forcément : les boutons, les champs texte, mot de passe, les sliders, les cases à cocher...

Image utilisateur

Ces éléments sont des éléments tout faits, nous pourrons bien sûr créer nos propres boutons personnalisés, nos propres sliders, etc...

Les diagrammes

JavaFX propose un grand nombre de types de diagrammes différents : en courbes, en barres, en bulles, en fromage... Je ne m'en suis personnellement jamais servis mais ils peuvent être très utiles pour afficher des informations calculées à partir d'un grand nombre de données :

Image utilisateur

Les formes

Ce sont les éléments que nous allons le plus utiliser dans le reste du tutoriel. JavaFX permet de créer toutes sortes de formes : lignes, rounds, rectangles, courbes... C'est avec ces formes que nous dessinerons la plupart des éléments qui constitueront nos interfaces graphiques :

Image utilisateur

Les layouts

Les layouts vous permettent d'organiser vos éléments graphiques en les alignant en lignes et/ou en colonnes par exemple :

Image utilisateur

Les transformations

On peut appliquer quatre types de transformations à absolument tous les types de noeuds graphiques que nous utiliserons : les rectangles, les images, les layouts... Ces transformations sont : la rotation, l'agrandissement, la translation et le cisaillement :

Image utilisateur

Couleurs et dégradés

Vous pouvez colorier les formes que vous créez de la couleur que vous voulez, et vous pouvez également créer de façon très simple et pratique des dégradés linéaires ou circulaires :

Image utilisateur

Les effets

JavaFX permet d'appliquer de nombreux effets très intéressants à nos nœuds graphiques. Nous n'en utiliserons qu'un certain nombre mais nous verrons qu'il est très simple d'appliquer un effet à un composant.

Image utilisateur

Les curseurs

Vous pouvez donner à votre curseur toutes les formes possibles en réglant un seul paramètre :

Image utilisateur

Les animations

Il existe un mécanisme en JavaFX qui permet de créer très simplement et rapidement des animations de toutes sortes : faire tourner un objet, le faire se déplacer selon une certaine trajectoire, le faire grandir ou rétrécir, etc...

Image utilisateur

Les médias

Comme nous le verrons dans l'avant-dernier chapitre, JavaFX permet de lire un certain nombre de formats audio et vidéo dont le format FLV qui permet de faire du streaming vidéo :

Image utilisateur

Nous apprendrons même à créer notre propre lecteur vidéo ;) .

Cet aperçu est très bref mais nous allons apprendre à maîtriser la plupart des éléments graphiques proposés par JavaFX à travers l'application que nous allons créer tout au long de ce tutoriel. J'espère que cette courte introduction vous a motivé :) .

Exemple de certificat de réussite
Exemple de certificat de réussite