Cours de JavaFX - Td JavaFx - V2 -
Programmation d’Interfaces
Graphiques
Enseignant : M. YANKAM JOEL
Université de Dschang - Groupe Genius Répétition
L
E
JO
M
A
K
N
A
Y
Contact WhatsApp : +237 652027193 - Année académique : 2024-2025
Licence 02 Informatique
Table des matières
1 Introduction à JavaFX 2
1.1 Architecture de JavaFX . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.1.1 Schéma de l’arborescence JavaFX . . . . . . . . . . . . . . . . . . . 2
1.2 QCM sur JavaFX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
1.2.1 QCM sur les concepts de base . . . . . . . . . . . . . . . . . . . . . 3
L
1.2.2 QCM sur le code JavaFX . . . . . . . . . . . . . . . . . . . . . . . 3
1.2.3 QCM sur les propriétés et liaisons . . . . . . . . . . . . . . . . . . . 4
E
1.2.4 QCM sur les événements . . . . . . . . . . . . . . . . . . . . . . . . 5
1.2.5 QCM sur les styles CSS . . . . . . . . . . . . . . . . . . . . . . . . 6
JO
M
A
K
N
A
Y
1
Chapitre 1
Introduction à JavaFX
Objectifs :
— Comprendre l’architecture de JavaFX.
L
— Créer une première application JavaFX.
— Explorer les concepts de base : Stage, Scene, Node.
E
1.1 Architecture de JavaFX JO
JavaFX est une bibliothèque graphique moderne pour Java, conçue pour créer des
interfaces utilisateur riches et dynamiques. Son architecture repose sur trois composants
M
principaux :
— Stage : La fenêtre principale de l’application.
A
— Scene : Le conteneur qui héberge tous les éléments graphiques.
— Node : Les éléments individuels de l’interface (boutons, textes, etc.).
K
1.1.1 Schéma de l’arborescence JavaFX
N
Application JavaFX
A
Y
Stage (Fenêtre)
Scene (Scène)
Node (Éléments graphiques)
2
M. YANKAM JOEL JavaFX - Programmation d’Interfaces Graphiques
1.2 QCM sur JavaFX
1.2.1 QCM sur les concepts de base
1. Quel est le composant principal qui représente une fenêtre dans JavaFX ?
— A) Scene
— B) Stage
— C) Node
— D) Application
2. Quelle méthode doit être surchargée pour démarrer une application JavaFX ?
— A) init()
— B) start()
— C) stop()
— D) main()
3. Quel est le rôle de la classe Scene dans JavaFX ?
L
— A) Gérer les événements
E
— B) Contenir les éléments graphiques
— C) Représenter une fenêtre
— D) Afficher des animations
JO
4. Quelle méthode est utilisée pour afficher une fenêtre en JavaFX ?
— A) show()
— B) display()
M
— C) render()
— D) open()
A
5. Quel est le composant de base d’une interface JavaFX ?
— A) Stage
K
— B) Scene
— C) Node
N
— D) Application
A
1.2.2 QCM sur le code JavaFX
Y
1. Que fait le code suivant ?
1 import javafx . application . Application ;
2 import javafx . scene . Scene ;
3 import javafx . scene . control . Button ;
4 import javafx . stage . Stage ;
5
6 public class HelloWorld extends Application {
7 @Override
8 public void start ( Stage primaryStage ) {
9 Button btn = new Button ( " Cliquez - moi " ) ;
10 Scene scene = new Scene ( btn , 300 , 200) ;
11 primaryStage . setScene ( scene ) ;
12 primaryStage . show () ;
13 }
14
15 public static void main ( String [] args ) {
16 launch ( args ) ;
17 }
Enseignant : M. YANKAM JOEL 3 Contact : +237 652027193
M. YANKAM JOEL JavaFX - Programmation d’Interfaces Graphiques
18 }
— A) Affiche une fenêtre avec un bouton "Cliquez-moi".
— B) Affiche une fenêtre vide.
— C) Affiche une erreur de compilation.
— D) Ne fait rien.
2. Que fait la méthode launch(args) dans une application JavaFX ?
— A) Démarre l’application JavaFX.
— B) Charge une scène.
— C) Affiche une fenêtre.
— D) Arrête l’application.
3. Quelle classe est utilisée pour créer un bouton en JavaFX ?
— A) Button
— B) Label
— C) TextField
L
— D) Scene
E
4. Que fait la méthode setScene() dans JavaFX ?
— A) Ajoute une scène à une fenêtre.
— B) Crée une nouvelle scène.
— C) Affiche une scène.
— D) Supprime une scène.
JO
5. Quelle méthode est utilisée pour définir le titre d’une fenêtre en JavaFX ?
M
— A) setTitle()
— B) setHeader()
A
— C) setText()
— D) setLabel()
K
1.2.3 QCM sur les propriétés et liaisons
N
1. Quelle classe est utilisée pour créer une propriété de type chaîne en JavaFX ?
— A) SimpleStringProperty
A
— B) StringProperty
Y
— C) ObservableString
— D) StringListener
2. Quel est le rôle d’un Listener en JavaFX ?
— A) Afficher des messages dans la console.
— B) Réagir aux changements de valeur d’une propriété.
— C) Créer des animations.
— D) Gérer les événements de souris.
3. Quelle méthode est utilisée pour modifier la valeur d’une propriété en JavaFX ?
— A) set()
— B) change()
— C) update()
— D) modify()
4. Quelle méthode est utilisée pour ajouter un écouteur à une propriété en JavaFX ?
— A) addListener()
— B) setListener()
Enseignant : M. YANKAM JOEL 4 Contact : +237 652027193
M. YANKAM JOEL JavaFX - Programmation d’Interfaces Graphiques
— C) attachListener()
— D) bindListener()
5. Que fait le code suivant ?
1 import javafx . beans . property . S im p l e S t r i n g P r o p e r t y ;
2 import javafx . beans . property . StringProperty ;
3
4 public class ExemplePropriete {
5 public static void main ( String [] args ) {
6 StringProperty texte = new S i m p l e S t r i n g P r o p e r t y ( " Bonjour " )
;
7 texte . addListener (( observable , oldValue , newValue ) -> {
8 System . out . println ( " La ␣ valeur ␣ a ␣ c h a n g ␣ : ␣ " + newValue
);
9 }) ;
10 texte . set ( " Hello " ) ;
11 }
12 }
— A) Affiche "La valeur a changé : Hello".
— B) Affiche "Bonjour".
— C) Affiche une erreur.
— D) Ne fait rien. EL
JO
1.2.4 QCM sur les événements
1. Quelle méthode est utilisée pour gérer un clic sur un bouton en JavaFX ?
M
— A) setOnAction()
— B) setOnClick()
KA
— C) setOnMouseClick()
— D) setOnEvent()
N
YA
2. Quel type d’événement est déclenché lorsqu’un utilisateur appuie sur une touche
du clavier ?
— A) ActionEvent
— B) MouseEvent
— C) KeyEvent
— D) InputEvent
3. Quelle méthode est utilisée pour gérer un événement de souris en JavaFX ?
— A) setOnMouseClicked()
— B) setOnMousePress()
— C) setOnMouseEvent()
— D) setOnMouseAction()
4. Quelle méthode est utilisée pour gérer un événement de clavier en JavaFX ?
— A) setOnKeyPressed()
— B) setOnKeyEvent()
— C) setOnKeyAction()
— D) setOnKeyTyped()
5. Que fait le code suivant ?
1 import javafx . application . Application ;
2 import javafx . scene . Scene ;
Enseignant : M. YANKAM JOEL 5 Contact : +237 652027193
M. YANKAM JOEL JavaFX - Programmation d’Interfaces Graphiques
3 import javafx . scene . control . Button ;
4 import javafx . stage . Stage ;
5
6 public class Ge stionEve nements extends Application {
7 @Override
8 public void start ( Stage primaryStage ) {
9 Button btn = new Button ( " Cliquez - moi " ) ;
10 btn . setOnAction ( event -> System . out . println ( " Bouton ␣
c l i q u ␣!"));
11 Scene scene = new Scene ( btn , 300 , 200) ;
12 primaryStage . setScene ( scene ) ;
13 primaryStage . show () ;
14 }
15
16 public static void main ( String [] args ) {
17 launch ( args ) ;
18 }
19 }
— A) Affiche "Bouton cliqué !" dans la console lorsqu’on clique sur le bouton.
— B) Affiche une erreur.
— C) Ne fait rien.
— D) Affiche une fenêtre vide. EL
JO
1.2.5 QCM sur les styles CSS
1. Quelle propriété CSS est utilisée pour changer la couleur de fond d’un bouton en
JavaFX ?
M
— A) -fx-background-color
KA
— B) -fx-color
— C) -fx-bg-color
N
— D) -fx-background
YA
2. Comment appliquer un fichier CSS externe à une scène en JavaFX ?
— A) scene.setStyleSheet()
— B) scene.addStylesheet()
— C) scene.getStylesheets().add()
— D) scene.applyStylesheet()
3. Quelle propriété CSS est utilisée pour changer la couleur du texte d’un bouton en
JavaFX ?
— A) -fx-text-fill
— B) -fx-color-text
— C) -fx-text-color
— D) -fx-font-color
4. Quelle méthode est utilisée pour appliquer un style CSS directement à un compo-
sant en JavaFX ?
— A) setStyle()
— B) applyStyle()
— C) addStyle()
— D) setCss()
5. Que fait le code suivant ?
Enseignant : M. YANKAM JOEL 6 Contact : +237 652027193
M. YANKAM JOEL JavaFX - Programmation d’Interfaces Graphiques
1 import javafx . application . Application ;
2 import javafx . scene . Scene ;
3 import javafx . scene . control . Button ;
4 import javafx . stage . Stage ;
5
6 public class StylesCSS extends Application {
7 @Override
8 public void start ( Stage primaryStage ) {
9 Button btn = new Button ( " Cliquez - moi " ) ;
10 btn . setStyle ( " -fx - background - color : ␣ #4 CAF50 ; ␣ -fx - text - fill
: ␣ white ; " ) ;
11 Scene scene = new Scene ( btn , 300 , 200) ;
12 primaryStage . setScene ( scene ) ;
13 primaryStage . show () ;
14 }
15
16 public static void main ( String [] args ) {
launch ( args ) ;
L
17
18 }
E
19 }
— A) Affiche un bouton vert avec du texte blanc.
—
—
JO
B) Affiche un bouton rouge avec du texte noir.
C) Affiche une erreur.
— D) Ne fait rien.
M
A
K
N
A
Y
Enseignant : M. YANKAM JOEL 7 Contact : +237 652027193
Conclusion
Ce cours a introduit les concepts de base de JavaFX, y compris l’architecture, les pro-
priétés, la gestion des événements, et l’application de styles CSS. Les exercices pratiques
et les QCM vous ont permis de mettre en œuvre ces concepts dans des scénarios concrets.
Pour approfondir vos connaissances, explorez la documentation officielle de JavaFX, ou
rendez-vous sur le site www.PandaCodeur.com et pratiquez en créant des interfaces uti-
lisateur plus complexes.
L
Intitulé : Apprendre JavaFx par la pratique en 2025 !
E
Nom Enseignant : Mr. YANKAM NGUEGUIM JOEL STEPHANE
Contact : +237 652027193
Site Web : www.pandacodeur.com
JO
M
A
K
N
A
Y
