3.Programmation en Java : les interfaces graphiques

Travaux pratique de Méthodologie et Langage de Programmation, UMONS/Polytech, TP3
1
3.Programmation en Java : les interfaces graphiques
Cette séance de TP permettra de mettre en évidence les principes de création d'interfaces graphiques en Java à l'aide de java.awt et de javax.swing. Les notions de composants GUI, d'événements et d'adaptateurs seront présentées.
La plupart de ces notions seront toutefois "masquées" par l'utilisation d'une IDE comme NetBeans qui facilite la création et la gestion d'éléments graphiques.
3.1.Notions
a) Création d'interfaces graphiques
Les classes servant à la création d'interfaces graphiques sont regroupées dans le package D'autres classes, comprises dans le package java.awt, permettent la création de composants graphiques qui, contrairement aux classes de javax.swing, gardent l'apparence et le comportement conformes à la plateforme locale sur laquelle l'application est exécutée.
javax.swing.
La plupart des composants GUI de Java sont des sousclasses de la classe java.awt.Component qui fournit dès lors un ensemble de méthodes communes à tous les composants graphiques.
b)Gestion des événements
Ce mécanisme de gestion comporte trois éléments : la source de l'événement (e.g. un bouton), l'objet de l'événement et l'écouteur d'événement. Pour spécifier qu'un événement vient de se produire, la source envoie un objet événementiel à l'écouteur qui pourra l'utiliser pour répondre à l'événement.
Pour gérer un événement, le programmeur doit inscrire un écouteur d'événement (souvent à l'aide de la méthode addActionListener) et définir un gestionnaire d'événement (dont le nom est passé comme paramètre à addActionListener). Par exemple, un clic sur un bouton sera géré de la manière suivante :
Jbutton bouton = new Jbutton("Bouton");
ButtonHandler gestionnaire = new ButtonHandler();
bouton.addActionListener(gestionnaire);
Dans cet exemple, la classe ButtonHandler (qui constitue le gestionnaire d'événement) doit être définie par le programmeur et doit implémenter l'interface ActionListener. La méthode actionPerformed de cette interface doit dès lors être définie :
class ButtonHandler implements ActionListener {
public void actionPerformed(ActionEvent evenement)
{
...
}
}
Parmi les types d'événements, on retrouve ActionEvent, MouseEvent, KeyEvent,
ItemEvent, etc. À chacun de ces événements est associé un écouteur correspondant et de nom semblable
(e.g. ActionListener <> ActionEvent). La documentation de la classe java.awt.Event permet
d'avoir plus d'informations sur les différents types d'événements et écouteurs utilisables en Java.
UMONS/Polytech
Pierre Manneback, Sébastien Frémal
20142015
Travaux pratique de Méthodologie et Langage de Programmation, UMONS/Polytech, TP3
2
c) Notion d'adaptateurs
Nous avons vu lors d'une précédente séance de TP qu'une classe héritant d'une interface doit redéfinir toutes les méthodes présentes dans l'interface. Or, il arrive parfois que l'on souhaite n'utiliser que l'une ou l'autre des méthodes de l'interface écouteur. On voudra alors éviter de devoir définir toutes les méthodes de cette interface ce qui sera rendu possible par les adaptateurs.
Un adaptateur fournit une implémentation par défaut pour toutes les méthodes de l'interface écouteur de nom semblable (e.g. à l'écouteur MouseListener correspond un adaptateur nommé MouseAdapter). Le programmeur peut alors hériter de la classe adaptateur et ne surcharger que les méthodes qui lui sont réellement utiles. Remarque : toutes les méthodes par défaut d'un adaptateur ont un corps vide, c'estàdire qu'elles n'ont aucune action particulière.
3.2.Exercices
a) Exercice 1
Cet exercice aura pour but la mise en place des différents composants de l'interface graphique reprenant la gestion des formes géométriques (le code définissant les classes des formes géométriques sera donc récupéré). Globalement, l'aspect de la fenêtre devra ressembler à celui de la figure suivante :
Les différents boutons (JRadioButton) devront être regroupés dans un ButtonGroup dans le but d'éviter que plusieurs boutons ne soient sélectionnés en même temps.
Le panneau de gauche sera créé à partir d'une nouvelle classe Panneau qui hérite de la classe JPanel (se trouvant dans le package javax.swing). Cette classe sera complétée dans les exercices suivants.
Remarque : la classe Panneau peut être ajoutée à la palette de Netbeans à l'aide d'un clic droit dans la fenêtre du projet Tools → Add to Palette.
b)Exercice 2
On souhaite également pouvoir gérer un événement du type "drag & drop" réalisé à l'aide de la souris dans le panneau. Des événements du type mousePressed et mouseReleased seront donc gérés et permettront d'afficher dans la console les coordonnées de début et de fin du drag & drop ainsi que le bouton sélectionné (Rectangle, Carré, etc.).
UMONS/Polytech
Pierre Manneback, Sébastien Frémal
20142015
Travaux pratique de Méthodologie et Langage de Programmation, UMONS/Polytech, TP3
3
c) Exercice 3
En vue de dessiner les formes géométriques dans le panneau, la classe Panneau sera complétée. Celleci contiendra un tableau de type Drawable (du nom de l'interface qui devra également être créée) en vue de stocker les formes géométriques.
L'interface Drawable ne définira qu'une seule méthode abstraite :
public interface Drawable {
public abstract void draw(java.awt.Graphics g);
}
L'objet Graphics passé comme paramètre à la méthode draw permettra à chacune des classes de forme (PolygoneConvexe, Rectangle, etc.) de se dessiner ellemême à l'aide des méthodes g.drawPolygon, g.drawLine, g.drawRectangle et g.drawOval.
La classe Panneau devra surcharger la méthode paintComponent qui devra ellemême faire appel à la méthode paintComponent de la super classe en passant l'objet g comme paramètre :
public void paintComponent(java.awt.Graphics g)
{
super.paintComponent(g);
...
}
Cette méthode devra être complétée et aura pour unique fonction d'appeler en boucle la méthode draw de chacune des formes géométriques du panneau.
Lors de l'exécution, l'utilisateur pourra créer une forme en cliquant dans le panneau (éventuellement avec un drag & drop) après avoir choisi le type de forme dans la liste des boutons.
Remarque : la méthode repaint héritée de la classe JPanel doit être rappelée après chaque ajout d'une forme géométrique dans le tableau.
d)Exercice 4
Lorsqu'une forme vient d'être créée dans l'interface, on souhaite qu'un texte indique le périmètre et l'aire de cette forme :
UMONS/Polytech
Pierre Manneback, Sébastien Frémal
20142015
Travaux pratique de Méthodologie et Langage de Programmation, UMONS/Polytech, TP3
4
3.3.Annexes
a) Quelques composants de javax.swing
Composant
JLabel
Description
Zone d'affichage d'un texte ou d'une icône immuable.
JTextField
Zone dans laquelle l'utilisateur entre des données au clavier. Cette zone peut également afficher des informations.
JTextArea
Zone qui permet d'afficher ou de saisir plusieurs lignes de texte.
JButton
Zone d'activation d'un événement lors d'un clic de souris.
JCheckBox
Composant GUI qui est soit sélectionné, soit non sélectionné.
JComboBox
Liste déroulante d'éléments où l'utilisateur peut faire un choix, soit d'un clic de souris, soit en introduisant le nom de l'élément dans une case réservée à cet effet.
JList
Zone d'affichage d'une liste d'éléments. L'utilisateur peut sélectionner d'un clic de souris un élément de la liste. Un doubleclic génère un événement d'action. La sélection peut porter sur plusieurs éléments.
JPanel
Un conteneur qui reçoit d'autres composants.
JFrame
Fenêtre disposant d'une barre de titre et d'une bordure (reprend le style GUI propre à la plateforme locale sur laquelle est exécutée le programme).
JSlider
Composant présentant un curseur et une glissière à graduations.
3.4.Bibliographie
1. JAVA  Comment programmer – Quatrième édition, Harvey M. Deitel & Paul J. Deitel  Les éditions Reynald Goulet INC., 2002
2. Méthodologie et Langages de Programmation, Pierre Manneback, Année académique
2005-2006.
UMONS/Polytech
Pierre Manneback, Sébastien Frémal
20142015