Hoja de repaso: Introduction aux interfaces graphiques en Java

📋 Plan du Cours

1. Introduction aux interfaces graphiques et composants en Java
2. Conteneurs graphiques et hiérarchie des composants Swing
3. Gestionnaires de présentation et organisation des composants graphiques
4. Modèle d'événements en programmation graphique Java
5. Gestion d'événements : interfaces auditeurs et programmation événementielle
6. Gestion spécifique des événements souris avec MouseListener et MouseMotionListener
7. Architecture Modèle-Vue-Contrôleur (MVC) pour interfaces graphiques
8. Avantages et exemples d'implémentation du modèle MVC avec composants Swing

📖 1. Introduction aux interfaces graphiques et composants en Java

🔑 Notions clés & Définitions

• Interface graphique : Un système d'interaction utilisateur qui utilise des éléments visuels tels que des fenêtres, des icônes et des dispositifs de pointage pour faciliter la communication avec un ordinateur, apparu au milieu des années 70 pour remplacer les interfaces textuelles.
• Introduction aux interfaces graphiques : Le domaine qui étudie les systèmes permettant d'interagir avec un ordinateur via des éléments visuels, nécessitant la gestion de fenêtres, de dispositifs de pointage et du clavier, et qui a bénéficié de la programmation orientée objet pour répartir la complexité sur plusieurs composants.

📝 Points essentiels

• Les interfaces graphiques ont été créées pour remplacer les interfaces textuelles en permettant la gestion de fenêtres, dispositifs de pointage et clavier.
• Java propose deux bibliothèques principales pour les interfaces graphiques : java.awt (utilisant JNI) et javax.swing (entièrement en Java).
• La programmation orientée objet facilite la gestion des interfaces graphiques en répartissant la complexité sur plusieurs composants simples.
• Les interfaces avec Java Programmation objet - V L2 informatique F.

💡 À retenir

Comprendre l'origine, le rôle et les bibliothèques principales pour créer des interfaces graphiques en Java.

📖 2. Conteneurs graphiques et hiérarchie des composants Swing

🔑 Notions clés & Définitions

• Content Pane : Le panneau de contenu est une zone spécifique d’un conteneur de premier niveau où les composants graphiques doivent être ajoutés pour être affichés.
• Programmation objet – L2 informatique : Un paradigme de programmation qui organise le code en objets, permettant de gérer la complexité des interfaces graphiques par la composition et l’héritage des composants.

📝 Points essentiels

• Les conteneurs sont des composants capables de contenir d’autres composants graphiques, avec JFrame, JDialog et JApplet comme principaux conteneurs de premier niveau.
• Chaque composant graphique doit appartenir à une hiérarchie d’objets dont la racine est un conteneur de premier niveau.
• Le panneau de contenu (content pane) d’un conteneur de premier niveau est l’endroit où les composants graphiques sont ajoutés.
• Une barre de menus peut être ajoutée directement au conteneur de premier niveau.

💡 À retenir

Maîtriser la structure hiérarchique des composants Swing et le rôle des conteneurs dans l'organisation de l'interface.

📖 3. Gestionnaires de présentation et organisation des composants graphiques

🔑 Notions clés & Définitions

• Gestionnaire de présentation (Layout Manager) : Objet logiciel associé à un conteneur qui organise les composants graphiques selon des règles prédéfinies.
• Gestionnaires de présentation : Objets qui déterminent automatiquement l'agencement des composants dans un conteneur et recalculent leur disposition lors du redimensionnement de la fenêtre.

📝 Points essentiels

• Les gestionnaires de présentation déterminent l'agencement des composants dans un conteneur selon des règles prédéfinies.
• BorderLayout est le gestionnaire par défaut du content pane de JFrame, organisant les composants en zones (CENTER, PAGE_START, LINE_START, etc.).
• GridBagLayout permet de positionner les composants dans une grille avec occupation de plusieurs cellules.
• Le gestionnaire de présentation recalcule automatiquement la disposition des composants lors du redimensionnement de la fenêtre.

💡 À retenir

Les gestionnaires de présentation déterminent l'agencement des composants dans un conteneur selon des règles prédéfinies.

📖 4. Modèle d'événements en programmation graphique Java

🔑 Notions clés & Définitions

• Modèle d'événements : Mécanisme de détection, description et gestion des interactions utilisateur dans une application Java, impliquant la collaboration entre le système d'exploitation, la machine virtuelle Java et l'application.
• EventObject : Classe de base pour les objets représentant un événement, contenant des informations sur la nature de l'événement et la source qui l'a généré.
• EventListener : Interface définissant une méthode prédéfinie appelée automatiquement lors de la survenue d'un événement, recevant un objet Event en paramètre pour traiter cet événement.

📝 Points essentiels

• Un événement est généré à chaque interaction utilisateur (clavier, souris) et est détecté par la collaboration entre l'OS et la JVM.
• Un objet Event décrit l'événement avec sa nature et sa source.
• Un auditeur d'événement (EventListener) est automatiquement appelé avec l'objet Event en paramètre.
• La hiérarchie des événements et des auditeurs est organisée selon les types d'événements (ex : MouseEvent, ActionEvent).
• } } Vue Ni le contrôleur, ni le modèle, ne sont affectés par ce changement… Programmation objet – L2 informatique 42 Pour résumer… l Deux types de composants : les conteneurs de premier niveau et les composants graphiques constituant l’IHM l La disposition et la présentation des composants est gérée via des gestionnaires de présentation (layout managers) l Les actions de l’utilisateur sont matérialisées via la notion d’événement l Le traitement de ces événements est réalisé par des auditeurs d’événements (listeners) via une programmation dite événementielle Programmation objet – L2 informatique 43 Pour résumer (suite)… l Les événements liés à la souris sont traités par différents types d’auditeurs selon leur nature (clics de boutons, déplacement).
• Construction automatique d'un objet de type Event décrivant l'événement : l Nature : clic/mouvement souris, touche l Source : objet d'où provient l'événement 3.

💡 À retenir

Un événement est généré à chaque interaction utilisateur (clavier, souris) et est détecté par la collaboration entre l'OS et la JVM.

📖 5. Gestion d'événements : interfaces auditeurs et programmation événementielle

🔑 Notions clés & Définitions

• Programmation événementielle : Un paradigme de programmation où le code est structuré pour réagir automatiquement à des événements détectés à l'exécution par la machine virtuelle, via des callbacks.
• Gestion d'événements (suite : Le mécanisme consistant à associer des gestionnaires d'événements, qui implémentent des interfaces auditeurs, à des composants sources pour répondre aux actions ou événements spécifiques.

📝 Points essentiels

• Pour gérer un événement, une classe doit implémenter l'interface auditeur correspondante garantissant la présence des méthodes nécessaires.
• Une instance de cette classe est associée à l'objet source de l'événement via une méthode d'ajout d'auditeur.
• La programmation événementielle repose sur des callbacks, où le code est appelé automatiquement par la JVM lors d'un événement.
• La méthode getSource() permet d'identifier le composant à l'origine de l'événement dans le gestionnaire.
• Le compilateur vérifie que la classe associée implémente bien l'interface auditeur.

💡 À retenir

La programmation événementielle repose sur des callbacks, où le code est appelé automatiquement par la JVM lors d'un événement.

📖 6. Gestion spécifique des événements souris avec MouseListener et MouseMotionListener

🔑 Notions clés & Définitions

• MouseListener : Une interface qui gère les événements liés aux clics, pressions, relâchements, entrée et sortie du curseur de la souris.
• MouseMotionListener : Une interface qui gère les mouvements de la souris, notamment les déplacements et les glissements.
• Gestion d'événements avec : L'utilisation d'interfaces spécifiques pour gérer finement les interactions souris dans une interface graphique.
• Événements avec la souris : Les interactions déclenchées lors de l'entrée/sortie du curseur, des pressions ou relâchements de boutons, ou des mouvements.

📝 Points essentiels

• MouseAdapter fournit des implémentations vides des méthodes des interfaces souris pour simplifier la gestion.
• Les événements souris sont déclenchés lors d'interactions précises comme l'entrée/sortie ou les actions sur les boutons.

💡 À retenir

Les interfaces MouseListener et MouseMotionListener permettent de gérer finement les interactions souris dans une interface graphique.

📖 7. Architecture Modèle-Vue-Contrôleur (MVC) pour interfaces graphiques

🔑 Notions clés & Définitions

• VueCompteur vue : Une classe représentant l'interface graphique affichant les données du compteur et reflétant son état visuel.
• Modèle : Une composante qui gère l’état et les données manipulées par l’application sans aucune référence graphique.

📝 Points essentiels

• Le modèle représente les données et la logique métier sans référence graphique.
• La vue affiche graphiquement les données du modèle et reflète son état.
• Cette architecture permet de découpler clairement les responsabilités et facilite l'association de plusieurs vues à un même modèle.
• Il gère l’état et les données manipulées par l’application.

💡 À retenir

La séparation claire des responsabilités entre modèle, vue et contrôleur dans l'architecture MVC facilite une conception modulaire et maintenable des interfaces graphiques.

📖 8. Avantages et exemples d'implémentation du modèle MVC avec composants Swing

🔑 Notions clés & Définitions

• Composants Swing : Les composants Swing sont des éléments graphiques héritant de la classe abstraite JComponent, qui partagent des propriétés et comportements communs facilitant leur utilisation dans les interfaces graphiques.
• Architecture Modèle-Vue-Contrôleur (suite : Une architecture logicielle qui sépare les responsabilités en trois parties distinctes : le modèle gère les données, la vue affiche les informations, et le contrôleur gère les interactions, favorisant ainsi une conception claire, un faible couplage, et la possibilité d’avoir plusieurs vues pour un même modèle.

📝 Points essentiels

• Certains composants Swing possèdent une architecture MVC particulière où la partie graphique (classe xxxUI) combine la vue et le contrôleur, comme c’est le cas pour JList et JSlider.
• Un changement localisé à la vue, par exemple remplacer un JTextField par un JSlider, n’affecte ni le modèle ni le contrôleur, grâce au faible couplage entre ces parties.
• L’architecture MVC favorise une conception claire, un faible couplage, la possibilité d’avoir plusieurs vues pour un même modèle, et facilite la réutilisation des composants ainsi que la mise en œuvre d’architectures client/serveur.
• } } L'architecture Modèle-Vue-Contrôleur (suite) Application Vue ModèleContrôleur Programmation objet – L2 informatique 37 L'architecture Modèle-Vue-Contrôleur (suite) l Certains composants Swing possèdent une architecture MVC particulière car le composant représentant la partie graphique (xxxUI) combine : l La notion de contrôleur (gestion du comportement du composant) l La notion de vue (dessin du composant) l Démonstration avec deux exemples : JList et JSlider Programmation objet – L2 informatique 38 L'architecture Modèle-Vue-Contrôleur (suite) l Exemple : JList Programmation objet – L2 informatique 39 L'architecture Modèle-Vue-Contrôleur (suite) l Autre exemple : JSlider Programmation objet – L2 informatique 40 L'architecture Modèle-Vue-Contrôleur (suite) l Ce modèle présente un certain nombre d’avantages : l Conception claire : le code de l'application est isolé du code graphique l Modularité : dû au faible couplage, un changement dans une partie à peu d’effets sur les autres… l Vues multiples : l'application peut afficher l’état du modèle selon différents aspects l Répartition : cette architecture permet facilement la mise en œuvre d'une architecture client/serveur.

💡 À retenir

Certains composants Swing possèdent une architecture MVC particulière où la partie graphique (classe xxxUI) combine la vue et le contrôleur, comme c’est le cas pour JList et JSlider.

📊 Tableaux de Synthèse

Comparaison des gestionnaires de présentation

Type	Fonction	Exemples
Layout Manager	Organise automatiquement composants	BorderLayout, GridBagLayout
Gestionnaire	Recalcule la disposition lors du redimensionnement	BorderLayout, GridBagLayout

Gestion des événements en Java

Type d'événement	Interface d'auditeur	Fonction
Souris	MouseListener, MouseMotionListener	Gère les clics, mouvements
Clavier	KeyListener	Gère la saisie clavier

⚠️ Pièges & Confusions Fréquentes

1. Confusion entre gestionnaires de présentation et gestionnaires d'événements.
2. Mélanger les types d'événements et leurs auditeurs spécifiques.
3. Supposer que tous les composants Swing ont une architecture MVC standard.
4. Confondre l'utilisation de MouseListener et MouseMotionListener.
5. Négliger la hiérarchie des composants dans la hiérarchie Swing.
6. Oublier que le content pane doit recevoir les composants.
7. Confondre l'architecture MVC avec une architecture monolithique.

✅ Checklist Examen

1. Comprendre le rôle des conteneurs Swing et leur hiérarchie.
2. Savoir utiliser différents gestionnaires de présentation.
3. Maîtriser la détection et la gestion des événements souris.
4. Connaître le modèle MVC et ses avantages dans Swing.
5. Savoir différencier les composants avec architecture MVC particulière.
6. Identifier les événements liés à la souris et leur gestion.
7. Utiliser les interfaces MouseListener et MouseMotionListener.
8. Comprendre la séparation entre vue, modèle et contrôleur dans Swing.