SRCProg 3 CM2

6.
Interactions Homme-
Machine
Olivier Curé UMLV [page 118 ]
Introduction
● Les programmes informatiques
nécessitent des interactions avec les
utilisateurs : questionner, saisir et
afficher.
● Cette interaction (homme-machine –
IHM) peut s'effectuer en mode console
ou graphique.
● Cette partie du cours porte sur les GUI
(Graphical User Interface) en Java.
IHM
● Utilisabilité : garantir la facilité d'apprentissage
pour l'utilisateur de manipuler ses entrées et
interpréter les sorties.
● Accessibilité : proposer efficacement et
naturellement l'accès à différentes fonctionnalités.
● Approprié : garantir une réponse appropriée et
pertinente aux différentes situations rencontrées.
● Versatilité : garantir une utilisation optimale
dans différents contextes et situations.
IHM et programmation
● Eléments graphiques
● Fenêtre, bouton, zones de texte et saisie, menu,
liste, etc..
● Programmation événementielle
● Écouteurs - listeners
● Écoutés – handleEvent
Modèle Vue Contrôleur
(MVC)
● Le modèle représente les données de

l'application.
● La vue représente visuellement les
données.
● Le contrôleur gère l'interaction
utilisateur avec le modèle.
MVC (suite)
● Le modèle contient les données et gère la mise-
à-jour et le renseignement des données.
● La vue affiche les composants et les données.
Elle gère la mise-à-jour (graphique, textuelle), la
notification des modifications au contrôleur et le
renseignement.
● Le contrôleur écoute les actions produites dans
la vue et récupère des informations de la vue,
met à jour le modèle, récupère les nouvelles
données de la vue pour les transmettre à la vue.
MVC (fin)
● Avantages :
– Séparation entre les données et la
présentation.
– Données stockées à un endroit connu.
– Modifications plus faciles
GUI et Java
● Trois toolkits pour les GUI en Java :
– AWT (Abstract Windowing Toolkit)
– Swing
– SWT (Standard Widget Toolkit)
● Les programmes de GUI sont dirigés
par événements.
Toolkits GUI Java
● AWT, développé par SUN et présent
depuis le JDK 1.0.
● Swing, développé par SUN et présent
depuis le JDK 1.2.
● SWT, développé par IBM et présent
depuis JDK 1.2.
● Le cours porte essentiellement sur
Swing et un peu sur AWT.
AWT
● Chaque composant Java présente un
« peer » C++ correspondant au
composant de la plateforme.
● Problème : aspect/focntionnement
différents sur les différentes
plateformes.
Swing
● Swing est construit au-dessus de AWT :
la gestion des événements est
identique et les classes Swing héritent
de AWT.
● Les composants Swing ont un nom qui
débute par un "J".
● Swing offre une palette bien plus
large, plus élaborée fonctionnellement
et esthétiquement mais est plus lent et
plus lourd que AWT.
SWT
● Développé par IBM pour l'IDE Eclipse.
● Même principe que AWT mais avec un
« peer » Java et non C++.
● Pas intégré au JDK
● Le cours ne porte pas sur SWT,
seulement sur AWT et surtout SWING
qui est le plusutilisé actuellement.
Composant et Container
● AWT, SWT et Swing utilisent des
classes différentes pour représenter
chaque composant graphique.
● Exemple pour les composants :
– Pour AWT : Component
– Pour Swing : Jcomponent
– SWT : Widget
● Container : un composant contenant
des composants.
Composant
et Container
Attention : Tout JComponent est un

Container !
Composants Swing
● 3 types de composants :
– Les composants lourds qui correspondent à des
fenêtres de la plateforme : JFrame, JDialog,
JWindow, Japplet. Ils sont gérés par AWT.
– Les composants légers sont du code "pur Java"
qui les dessinent : JButton , JTextfield, JLabel, etc..
La plupart correspondent à des sous-classes de la
classe JComponent.
– les conteneurs intermédiaires : JPanel,
JScrollPane, JTabbedPane, etc..
Composants
● Window : une fenêtre sans bordure
● Frame : fenêtre principale d'application
● Panel : conteneur de composants que l'on
place dans une fenêtre.
● Applet : permet l'ouverture d'un emplcament
dans un navigateur internet
● ScrollPane : conteneur supportant une barre
de défilement.
Look and Feel
● Avec Swing, il est possible de modifier l'aspect
graphique (look and feel) d'un ensemble de
composants.
● Des exemples :
– Windows
(com.sun.java.swing.plaf.windows.WindowsLookAndFeel).
– Motif (com.sun.java.swing.plaf.motif.MotifLookAndFeel).
– Metal (javax.swing.plaf.metal.MetalLookAndFeel).
– GTK (com.sun.java.swing.plaf.gtk.GTKLookAndFeel).
import javax.swing.*;
import java.awt.*;
Exemple 1 import java.awt.event.*;
class FrameTd1 extends JFrame {
JFrame public FrameTd1() {
setTitle("Ma JFrame");
setSize(200,200);
addWindowListener(new WindowAdapter() {
public void windowClosing(WindowEvent e)
{
System.exit(0);
}
});
}
}
public class FrameTd1Test
{
public static void main(String args[])
{
JFrame frame1 = new FrameTd1();
frame1.setVisible(true);
}
}
Exemple 1 (suite)
import javax.swing.*; ● Fixe le nom de la fenêtre et sa
import java.awt.*;
import java.awt.event.*;
taille
class FrameTd1 extends JFrame {
public FrameTd1() {
setTitle("Ma JFrame");
setSize(200,200);
addWindowListener(new
WindowAdapter() {
public void
windowClosing(WindowEvent e)
{
System.exit(0);
} ● Fermeture du process en même
});
} temps que fermeture de la
} fenêtre. On peut aussi utiliser la
méthode
setDefaultCloseOperation(JF
rame.EXIT_ON_CLOSE).
Exemple 1 (fin)
public class FrameTd1Test
{
● Création d'une
public static void main(String
args[]) instance de la
classe Frame1
{
JFrame frame1 = new
FrameTd1();
}
● Affichage à
}
l'écran de cette
instance de
Frame1.
Ajouter des éléments dans
une JFrame
● La méthode getContentPane() de la
classe JFrame retourne le conteneur
(Container) de cette JFrame.
● A partir de ce conteneur, on peut ajoter
des éléments à la fenêtre.
● Il est également possible de changer le
conteneur à l'aide de
setContentPane().
Ajouter des éléments dans
une Jframe (2)
● Pour ajouter un élément à ce
conteneur, on utilise un méthode
add(component).
● le paramètre de add est un objet du
type Component, par exemple un
JButton, JLabel ou bien un élément
intermédiaire JPanel.
import javax.swing.*;
Exemple import java.awt.*;
2 public class FrameTd2Test
{
JFrame public static void main(String args[])
{
Container contentPane2 =
frame2.getContentPane();
JButton jb1 = new JButton("Bouton #1");
jb1.setBackground(Color.red);
contentPane2.add(jb1);
JLabel jl1 = new JLabel("Un label
dans le second cadre");
contentPane21.add(jl1);
}
}
La classe JComponent
● Taille d'un composant :
– taille actuelle avec get/setSize()
– taille préférée avec get/setPreferredSize()
– Taille minimale avec get/setMinimumSize()
– Taille maximale avec get/setMaximalSize()
● Etat :
– activation avec is/setEnabled()
– visibilté avec is/setVisible()
Quelques JComponent :
boutons
● Plusieurs classes pour les boutons qui
héritent toutes de AbstractButton :
– JButton
– JCheckBox correspondant à une case à
cocher.
– JRadioButton correspondant à un bouton
radio.
– Pour avoir un seul bouton sélectionné à la
fois, il faut intégrer les boutons dans un
ButtonGroup
Quelques JComponent :JPanel
● Sert à regrouper des composants dans
une zone écran.
● Ne possède pas d'aspect visuel
déterminé; son aspect visuel est
conditionné par ses composants.
Exemple 3
import java.awt.Container;
import javax.swing.ButtonGroup;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JRadioButton;
public class ButtonPanel extends JFrame {
public JPanel createGroup(JPanel panel) {
ButtonGroup buttonGroup = new ButtonGroup();
for(int cpt=0; cpt<5;cpt++) {
JRadioButton radioButton = new JRadioButton("#"+cpt);
panel.add(radioButton);
buttonGroup.add(radioButton);
}
return panel;
}
public ButtonPanel() {
JPanel panel = new JPanel();
Container contentPane = this.getContentPane();
contentPane.add(createGroup(panel));
}
public static void main(String[] args) {
ButtonPanel buttonPanel = new ButtonPanel();
buttonPanel.setVisible(true);
}
}
Quelques Jcomponent: JLabel,
JTextField,JTextArea
● Ils prennent un texte lors de la
construction.
● JLabel permet d'afficher du texte mais
on ne peut interagir avec.
● JTextArea et JtextField offrent des
zones où l'on peut saisir du texte.
Quelques JComponent: liste et
liste déroulante
● JComboBox et JList peuvent prendre un
tableau à la construction.
● Exemple :
Object[] tableau = new Object[5];
Jlist list = new Jlist(tableau);
list.setVisibleRowCount(3);
...
JcomboBox comboBox = new JComboBox(tableau);
Layout manager
● Le placement des composants est
réalisé à l'aide de layout manager et
non au pixel près.
● Utilisabilité pour
l'agrandissement/réduction de
composants lourds.
● Un layout manager est associé au
container.
Layout (2)
● Un layout manager utilise les tailles
d'un composants pour les placer dans
son container, les méthodes sont :
– getPreferredSize()
– getMaximalSize()
– getMinimalSize()
● La méthode pack() de JFrame
redimensionne sa taille en fonction de
la taille préférée de chacun des
container. Olivier Curé UMLV [page 148 ]
Layout (3)
● On peut redimmensionner un
composant :
– setSize(largeur, hauteur)
– setPreferredSize(dimension)
Layout (4)
● 2 types de layout :
– sans contrainte : FlowLayout, GridLayout
et BoxLayout.
– avec contraintes : BorderLayout et
GridBagLayout.
FlowLayout
● Affiche les composants de la gauche
vers la droite en passant à la ligne s'il
n'y a plus de place.
● La disposition est recalculée après
chaque redimensionnement.
GridLayout
● Affiche les composants sur une grille,
ligne par ligne et les cellules ont toutes
la même taille.
GridLayout (int li, int co, int
hgap, int vgap);
● Respectivement le nombre de lignes,
colonnes et distances horizontale et
verticale (nulles par défaut).
● Si li=0, le nombre de lignes est ignoré.
● Si li > 0, co est ignoré.
GridLayout
● Affiche les composants sur une grille,
ligne par ligne et les cellules ont toutes
la même taille.
GridLayout (int li, int co, int
hgap, int vgap);
GridLayout
● Respectivement le nombre de lignes,
colonnes et distances horizontale et
verticale (nulles par défaut).
● Si li=0, le nombre de lignes est ignoré.
● Si li > 0, co est ignoré.
BorderLayout
● Affiche les composants dans 5 zones
(nord, sud, est, ouest et centre) où
'nord' et 'sud' occupent toute la
largeur; 'est' et 'ouest' occupent la
hauteur restante.
BoxLayout
● Exemple, BoxLayout (horizontal)
correspond à des cellules de même
hauteur mais de largeur variable.
● On peut définir l'axe à l'aide des
constantes X_AXIS(horiz.) et Y_AXIS
(vert.).
Composant Box
● Le composant Box est un conteneur
trasparent dont le gestionnaire est
BoxLayout.
● On peut y ajouter un élément glue pour
faire du remplissage. En fait, il absorbe
les espaces vides.
Box: exemple
Box box = new Box(BoxLayout.X_AXIS);
box.add(Box.createHorizontalGlue());
box.add(new Jbutton(''texte'');
box.add(Box.createHorizontalGlue());
...
GridBagLayout
● Affiche les composants dans une grille
selon un ensemble de contraintes
(exprimé par la classe GridBagConstraints) :
– La zone réservée de la grille.
– La place occupée dans cette zone.
Layout (5)
● JPanel utilise par défaut un FlowLayout.
● JFrame utilise par défaut un
BorderLayout.
Exemple import javax.swing.*;
import java.awt.*;
4 public class FrameTd3Test
JFrame
{
public static void main(String args[])
{
contentPane3.setLayout
(new java.awt.GridLayout (2, 2));
/* GridLayout avec 2 lignes et 2 colonnes */
jb1.setBackground(Color.red);
jb2.setBackground(Color.green);
JLabel jl1 = new JLabel("Un label en bas");
contentPane3.add(jl1);
frame3.setLocation(300,300);
frame3.show();
}
}

SRCProg 3 CM2

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

SRCProg 3 CM2

Transféré par

Droits d'auteur :

Formats disponibles

6.

● Le modèle représente les données de

Attention : Tout JComponent est un

Vous aimerez peut-être aussi