GUI avec JavaFX

Modification des propriétés des éléments

Pour chacun des éléments mis en place, on peut ajuster leurs propriétés et leur disposition en utilisant l'inspecteur du volet de droite.

Pour modifier les propriétés d'un élément, on clique dessus, soit dans la visualisation centrale soit dans l'arborescence du document, pour l'activer. Son nom apparaît alors en haut de l'inspecteur de document.

Dans la partie "properties" de l'inspecteur, changer le "Text" des boutons, en utilisant un texte différent pour chaque bouton, par exemple "Truc", "Machin" et "Chose".

Dans la partie "layout" de l'inspecteur :

Régler la propriété "Pref Width" du BorderPane, de la barre de boutons et de la Vbox à USE_COMPUTED_SIZE.

Modifier les valeurs du "padding" (marge intérieure) droit et gauche de la barre de boutons pour dégager les boutons des côtés.

Pour la Vbox, modifier les propriétés de "padding" et de "spacing" et cocher la case "fill Width" pour que les lignes de texte se positionnent régulièrement au milieu de la Vbox, comme indiqué sur l'image ci-dessous.

L'interface devrait maintenant ressembler à ceci :

Nous n'allons pas passer trop de temps à peaufiner l'aspect de l'interface car il y a plus important à faire : compléter le code de la classe contrôleur pour qu'elle puisse effectivement contrôler l'interface. Enregistrer le travail réalisé sous SceneBuilder et repasser sous Eclipse.
 
Licence Creative Commons
licence Creative Commons Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions 3.0 non transposé
Auteur : Nathalie Bonnin
Professeur de Physique, Chimie, Informatique au lycée La Martinière Monplaisir (Lyon 8ème)
Contact :
nathalie.bonnin (chez) scientillula.net
Licence Creative Commons
La totalité du contenu du site Scientillula.net appartient à Nathalie Bonnin et est mise à disposition selon les termes de la licence Creative Commons Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions 3.0 non transposé