GUI avec JavaFX

Edition du fichier FXML avec SceneBuilder

Le fichier FXML peut être édité directement sous Eclipse, qui propose d'ailleurs un assistant pour FXML comme pour Java (et pour CSS également). Pour la mise en place globale il est cependant bien plus pratique d'utiliser un éditeur WYSIWYG.

Sous Eclispe, dans le Package Explorer, faire un clic droit sur "Echantillon.FXML" et choisir "Open with SceneBuilder".

Dans SceneBuilder, l'espace central est l'espace d'édition, bien qu'on n'y voit rien du tout pour le moment.
En haut du volet de gauche se trouve l'espace "Library", bibliothèque, où se trouvent les différents types d'éléments que l'on peut placer dans l'interface d'un programme. Ils sont regroupés par genre.
En bas du volet de gauche se trouve l'espace "Document" , où sont affichées les contenus et propriétés de l'interface qu'on est en train de construire. Pour l'instant cet espace affiche l'arborescence du contenu actuel du document.

Cette arborescence nous montre que le document contient une mise en page de type "BorderPane", qu'on ne peut pas voir pour l'instant dans l'espace d'édition car elle ne contient aucun élément visible. Cette mise en page organise l'espace en cinq parties disposées sur les bords et au centre..
On se souvient que ce type de mise en page avait été choisie comme "root" (racine) pour notre interface lors de la création du projet, et qu'elle était déjà définie dans le fichier FXML avant qu'on ne l'ouvre avec SceneBuilder : c'est pourquoi on la retrouve ici déjà définie.

Enfin le volet de droite contient l'inspecteur d'objets, qui permet de visualiser et d'éditer les propriétés de chacun des éléments que l'on va placer dans l'interface.