12-4 Controls

Les Controls sont les composants d'interface utilisateur que l'on utilise couramment en JavaFX : Button (boutons), Label (étiquettes), TextField (champs texte), CheckBox, etc. Ce module introduit comment les intégrer dans une application FXML. On commence par agrandir la taille de la fenêtre (augmenter height et width du stage), puis on ajoute des boutons et des labels dans le fichier FXML avec leurs positions dans une GridPane (row et column).

Un ajout important : les icônes et images. On crée un dossier « images » au sein du projet, y télécharge des icônes (par exemple depuis une source gratuite). Dans FXML, on ajoute une balise <graphic> à un Button ou Label qui contient une balise <ImageView>. L'attribut image de ImageView pointe vers le chemin de l'image : <Image url="@images/icon.png" />. Le symbole @ indique un chemin relatif au dossier de ressources du projet.

Pour récupérer l'image, on utilise le classLoader et getResource(), ou on directement référence le fichier dans FXML. Les boutons peuvent ainsi afficher du texte seul, une icône seule, ou les deux combinés (texte + graphique). Les labels supportent aussi les images pour créer des éléments visuels plus riches. L'ajout d'icônes améliore la clarté et l'attractivité visuelle d'une interface JavaFX.

En résumé

Cette leçon présente les contrôles d'interface utilisateur en JavaFX, en particulier les boutons et labels. Elle montre comment configurer une fenêtre FXML, ajouter des boutons avec texte et images, et intégrer des ressources graphiques (icônes) dans les contrôles. La leçon se termine en annonçant les prochains contrôles à découvrir : les checkboxes et radio buttons.

Points clés

• Les contrôles de base en JavaFX incluent les boutons et labels pour créer l'interface utilisateur
• Configurer la taille d'une fenêtre FXML et ajouter des contrôles via les balises FXML
• Les boutons peuvent afficher du texte seul, une image seule, ou une combinaison des deux
• Intégrer des ressources externes (icônes PNG) en les plaçant dans le dossier de ressources du projet
• Utiliser la structure imbriquée GraphicText et Image pour associer des graphiques aux contrôles
• Les événements de clic sur les boutons seront traités dans les leçons suivantes

Questions fréquentes

Comment ajouter une image à un bouton en JavaFX ?

Créer un élément GraphicText enfant du bouton, puis ajouter une balise Image à l'intérieur avec le chemin vers l'image stockée dans les ressources du projet (par exemple, /images/types-of-days-before.png).

Où trouver des icônes pour les contrôles ?

Le transcript montre comment rechercher et télécharger des icônes gratuites sur Internet (comme des fichiers PNG), les décompresser, puis les importer dans le dossier resources de votre projet JavaFX pour les utiliser dans vos contrôles.

Quels sont les contrôles couverts dans cette leçon et les suivants ?

Cette leçon 12-4 couvre les boutons et labels (avec texte et images). La prochaine leçon introduit les checkboxes et radio buttons pour élargir les options d'interaction utilisateur.