La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

POO3 Introduction aux IHM et à la réflexivité Java Vos premiers pas en Swing.

Présentations similaires


Présentation au sujet: "POO3 Introduction aux IHM et à la réflexivité Java Vos premiers pas en Swing."— Transcription de la présentation:

1 POO3 Introduction aux IHM et à la réflexivité Java Vos premiers pas en Swing

2 Retour sur MVC

3 Rappel sur le patron MVC MVC pour Modèle-Vue-Contrôleur permet de séparer les données (M), linterface homme- machine (V) et la logique de contrôle (C) Impose une séparation en 3 couches : –M : représente les données de lapplication. Définit interaction avec la base de données et le traitement des données –V : représente linterface utilisateur. Effectue aucun traitement, ne fait que laffichage des données (fournies par M). Possibilité davoir plusieurs vues pour un même M –C : gère linterface entre le modèle et le client. Interprète la requête de ce dernier pour lui envoyer la vue correspondante. Effectue la synchronisation entre le modèle et les vues 3

4 Vous avez vu comment écrire la partie Modèle la partie Vue Reste comment mettre en place le contrôle ?

5 Observer Observable Rappel

6 Moyen Définir une dépendance de 1 à n entre des objets telle que lorsque létat dun objet change, tous ses dépendants sont informés et mis à jour automatiquement

7 Besoin dévénements Le pattern Observer décrit – comment établir les relations entre les objets dépendants. Les objets-clés sont – la source Peut avoir nimporte quel nombre dobservateurs dépendants Tous les observateurs sont informés lorsque létat de la source change – lobservateur. Chaque observateur demande à la source son état afin de se synchroniser

8 Structure

9 Collaborations

10 Implémentations Java du pattern Une classe et une interface : class Observable {... } et interface Observer Un objet Observable doit être une instance de la classe qui dérive de la classe Observable Un objet observer doit être instance dune classe qui implémente linterface Observer void update(Observable o, Object arg); Des listeners : ajouter des listerners, notifier les listeners avec des évenements, réagir aux événements

11 Observer-Observable et Listeners

12 Exemple de Listener jan.newmarch.name/java/replayJava/paper.htm

13 Listeners Supported by Swing Components http://java.sun.com/docs/books/tutorial/uisw ing/events/intro.html

14 CREATION DUN PANNEAU class ButtonPanel extends JPanel implements ActionListener // interface écouteur d'événements { private JButton Boutonjaune; private JButton BoutonBleu; private JButton BoutonRouge; PLACER DES COMPOSANTS DANS LE PANNEAU public ButtonPanel() // constructeur de la classe ButtonPanel { Boutonjaune = new JButton("Jaune"); BoutonBleu = new JButton("Bleu"); BoutonRouge = new JButton("Rouge"); // Insertion des trois boutons dans l'objet ButtonPanel add(Boutonjaune); add(BoutonBleu); add(BoutonRouge); ASSOCIER DES EVENEMENTS AUX COMPOSANTS // Les sources d'événements sont déclarées à l'écouteur Boutonjaune.addActionListener(this); BoutonBleu.addActionListener(this); BoutonRouge.addActionListener(this); }

15 { public void actionPerformed(ActionEvent evt) // Permet de traiter l'événement en fonction de l'objet source { Object source = evt.getSource(); Color color = getBackground(); if (source == Boutonjaune) color = Color.yellow; else if (source == BoutonBleu) color = Color.blue; else if (source == BoutonRouge) color = Color.red; setBackground(color); repaint(); } } TRAITEMENT DES EVENEMENTS

16 CREATION DE LA FENETRE ET PLACEMENT DU PANNEAU class ButtonFrame extends JFrame { public ButtonFrame() { setTitle("ButtonTest"); setSize(300, 200); addWindowListener(new WindowAdapter() { public void windowClosing(WindowEvent e) { System.exit(0); } } ); Container contentPane = getContentPane(); contentPane.add(new ButtonPanel()); } } public class ButtonTest { public static void main(String[] args) { JFrame frame = new ButtonFrame(); frame.show(); }

17 LE CONTRÔLEUR Zoom sur les événements et les Listeners 17

18 LE CONTRÔLEUR Aperçu général Les types dévénements Les écouteurs associés Méthodes pour implémenter les écouteurs Evénements Sémantiques Les Actions Transition vers le modèle MVC 18

19 PRINCIPES Programmation par événements : 1.Un écouteur sabonne à une source 2.La source déclenche lévénement 3.La source le passe aux abonnés 4.Les abonnés réagissent Les composants sont des sources Evénements déclenchés par une action de lutilisateur 19

20 LE CONTRÔLEUR Aperçu général Les différents types dévénement Les différents écouteurs associés Méthodes pour implémenter les écouteurs Evénements Sémantiques Les Actions 20

21 HÉRITAGE DES EVÉNEMENTS 21

22 Exemples dévénements Définis dans java.awt.event – FocusEvent : activation ou désactivation du focus du clavier – MouseEvent : mouvement et clics de souris, et entrer/sortir dun composant – KeyEvent : événements clavier – WindowEvent : dés/activation, ouverture, fermeture, dés/iconification de fenêtres – ComponentEvent : changement de taille, position ou visibilité dun composant 22

23 AWTEvent dérive de java.util.EventObject contient par héritage – getSource() qui renvoie la source de lévénement (objet où lévénement sest produit) définit des constantes permettant didentifier des classes dévénements : – MOUSE_EVENT_MASK – MOUSE_MOTION_EVENT_MASK – WINDOW_EVENT_MASK – … 23

24 GESTION GLOBALE AVEC ENABLEEVENTS() public class toto extends JFrame { public toto() { enableEvents(AWTEvent.WINDOW_EVENT_MASK); protected void processWindowEvent(WindowEvent e) { if (e.getID() == WindowEvent.WINDOW_CLOSING){ dispose(); // libère les ressources System.exit(0); } super.processWindowEvent( e ): // Passe lev. } 24

25 Filtrer les événements Une méthode ENABLEEVENTS() – Qui filtre les types dévénements particuliers à partir dID Pour WindowEvent : WINDOW_OPENED, WINDOW_CLOSING, … 25

26 LE CONTRÔLEUR Aperçu général Les différents types dévénement Les différents écouteurs associés Méthodes pour implémenter les écouteurs Evénements Sémantiques Les Actions 26

27 LES ECOUTEURS Depuis (JAVA 1.1) – interfaces écouteurs correspondants aux masques dévénements principaux. – extensions de java.util.EventListener. 27

28 LES ECOUTEURS – WindowListener : pour les événements de la fenêtre – MouseListener : pour les clics et entrées/sorties fenêtre – MouseMotionListener : pour les mouvements de la souris – KeyListener : pour les touches clavier – FocusListener : pour le focus clavier – ComponentListener : pour la configuration du composant 28

29 Contrôle des Fenêtres WINDOWSLISTENER – Concerne tout ce qui est en rapport avec la fenêtre : Ouvrir, Fermer, Réduire, Agrandir, … 29

30 windowActivated(WindowEvent e) : fenêtre active par clic windowDeactivated(WindowEvent e) : fenêtre désactivée windowClosed(WindowEvent e) : fenêtre fermée windowOpened(WindowEvent e) : fenêtre visible 1ere fois windowClosing(WindowEvent e) : fermeture par menu fermé du système windowDeiconified(WindowEvent e) : fenêtre restaurée windowIconified(WindowEvent e) : fenêtre réduite 30 Contrôle des Fenêtres

31 Contrôle de la souris MOUSELISTENER, MOUSEMOTIONLISTENER et MOUSEINPUTLISTENER – Concernent tout ce qui est en rapport avec la souris : Clic Déplacement Gestion des boutons…. 31

32 MOUSELISTENER & MOUSEMOTIONLISTENER MouseListener permet de gérer : – Les différents états du clic souris Clic Pressé, Relâché – Et également lentrée/sortie sur un composant MouseMotionListener permet de gérer les mouvements de la souris sur un composant avec bouton appuyé ou relâché 32

33 MOUSELISTENER mouseClicked(MouseEvent e) : clic souris sur un composant (pressedNreleased) mouseEntered(MouseEvent e) : curseur de la souris rentre sur un composant mouseExited(MouseEvent e) : curseur de la souris sort dun composant mousePressed(MouseEvent e) : bouton de la souris pressé sur un composant mouseReleased(MouseEvent e) : bouton relâché 33

34 MOUSEMOTIONLISTENER mouseDragged(MouseEvent e) : bouton de la souris appuyé sur un composant et la souris est déplacée mouseMoved(MouseEvent e) : souris déplacée sur un composant sans bouton enfoncé 34

35 MOUSEINPUTLISTENER interface écouteur de javax.swing.event. – Implémente un MouseListener et un MouseMotionListener ATTENTION : il nexiste pas de méthode addMouseInputListener il faut enregistrer lécouteur deux fois : – avec addMouseListener – et avec addMouseMotionListener 35

36 Contrôle du clavier KEYLISTENER, FOCUSLISTENER – Concernent tout ce qui est en rapport avec le clavier : tapé pressé …. 36

37 KEYLISTENER & FOCUSLISTENER KeyListener, comme pour la souris, on va retrouver la notion de : – Pressé, – Relâché, – Tapé FocusListener permet de gérer le focus et donc de savoir si un composant a obtenu le focus ou sil la perdu 37

38 FOCUSLISTENER focusGained(FocusEvent e) : un composant obtient le focus focusLost(FocusEvent e) : un composant perd le focus 38

39 KEYLISTENER keyPressed(KeyEvent e) : touche du clavier pressée keyReleased(KeyEvent e) : touche du clavier relâchée keyTyped(KeyEvent e) : touche du clavier tapée 39

40 Contrôle des composants COMPONENTLISTENER – Permet de gérer : Lapparition/disparition dun composant Le déplacement dun composant Le redimensionnement dun composant 40

41 COMPONENTLISTENER componentHidden(ComponentEvent e) : le composant est rendu invisible componentShown(ComponentEvent e) : le composant est rendu visible 41

42 COMPONENTLISTENER componentMoved(ComponentEvent e) : la position du composant a changé componentResized(ComponentEvent e) : les dimensions du composant ont changé 42

43 EXEMPLE DUTILISATION DES ECOUTEURS (1/2) public class Sketcher implements WindowListener { private static SketcherFrame window; // fenêtre de lapplication private static Sketcher theApp; // Lobjet application public static void main (String[] args) { theApp = new Sketcher(); theApp.init(); } public void init() { window = new SketcherFrame(«Dessin»); Toolkit leKit = window.getToolkit(); Dimension wndSize = leKit.getScreenSize(); window.setBounds(wndSize.width/6, wndSize.height/6, 2*wndSize.width/3,2*wndSize.height/3); window.addWindowListener(this); window.setVisible(true); } 43

44 EXEMPLE DUTILISATION DES ECOUTEURS (2/2) // Méthode pour lévénement windowClosing public void windowClosing(WindowEvent e ) { window.dispose(); // libère les ressources de la fenêtre System.exit(0); // termine lapplication } // fonctions de linterface listener que nous devons implémenter // mais dont nous navons pas besoin … public void windowOpened(WindowEvent e ) {}; public void windowClosed(WindowEvent e ) {}; public void windowIconified(WindowEvent e ) {}; public void windowDeiconified(WindowEvent e ) {}; public void windowActivated(WindowEvent e ) {}; public void windowDeactivated(WindowEvent e ) {}; } 44

45 Quid de lutilisation Il faut implémenter toutes les méthodes de linterface, y compris celles dont on ne se sert pas……… 45

46 Utiliser les classes Adapter – Elles implémentent une interface (ici écouteur) mais dont les méthodes nont pas de code Etendre la classe Adapter choisie en redéfinissant uniquement les méthodes que lon souhaite utiliser 46

47 COMMENT AJOUTER UN ECOUTEUR ?! Pour ajouter un écouteur, on utilise la méthode addXXXListener (XXXListener l) sur le composant désiré Il suffit alors de remplacer les XXX parce que lon souhaite avoir 47

48 LE CONTRÔLEUR Aperçu général Les différents types dévénement Les différents écouteurs associés Méthodes pour implémenter les écouteurs Evénements Sémantiques Les Actions 48

49 POUR IMPLÉMENTER LES ÉCOUTEURS Il existe plusieurs méthodes – Etendre dune classe Adapter ou implémenter une interface Listener – Définir des classes internes – Définir des classes anonymes 49

50 IMPLÉMENTER UNE INTERFACE public class MaClass extends MouseListener {... unObject.addMouseListener(this);... void mouseClicked(MouseEvent e) {} void mouseEntered(MouseEvent e) {} void mouseExited(MouseEvent e) {} void mousePressed(MouseEvent e) {} void mouseReleased(MouseEvent e) {}mouseClickedMouseEventmouseEnteredMouseEventmouseExitedMouseEventmousePressedMouseEventmouseReleasedMouseEvent } 50

51 ETENDRE UNE CLASSE public class MaClass extends MouseAdapter {... unObject.addMouseListener(this);... public void mouseClicked(MouseEvent e) {... // limplementation de la méthode // associée à lévénement vient ici... } 51

52 DÉFINIR UNE CLASSE INTERNE window.addWindowListener(new WindowHandler()); // classe interne WindowHandler // pour les événements de fermeture class WindowHandler extends WindowAdapter { // Méthode pour WINDOW_CLOSING event public void windowClosing( WindowEvent e ) { window.dispose(); System.exit(0); } 52

53 DÉFINIR UNE CLASSE ANONYME button = new JButton("test"); button.addMouseListener(new MouseAdapter() { @Override public void mouseClicked (MouseEvent e) { // code que l'on souhaite effectuer } }); 53

54 LE CONTRÔLEUR Aperçu général Les différents types dévénement Les différents écouteurs associés Méthodes pour implémenter les écouteurs Evénements Sémantiques Les Actions 54

55 Evénements sémantiques Evénements spécifiques liés à des opérations spécifiques sur certains composants – Sélection déléments dans un menu, – Clic sur un bouton, – … Trois classes de bases dévénements sémantiques dérivent de AWTEvent 55

56 Hiérarchie Ces trois événements sémantiques sont dans : java.awt.event 56

57 EVÉNEMENTS ACTIONEVENT une action sur un composant réactif : – Clic sur un item de menu, – Clic sur un bouton, – … Sont émis par les objets de type : – Boutons : JButton, JToggleButton, JCheckBox – Menus : JMenu, JMenuItem, JCheckBoxMenuItem, JRadioButtonMenuItem … – Texte : JTextField 57

58 EVÉNEMENTS : ITEMEVENT composant est sélectionné ou désélectionné émis par les objets de type : – Boutons : JButton, JToggleButton, JCheckBox – Menus : JMenu, JMenuItem, JCheckBoxMenuItem, JRadioButtonMenuItem – Mais aussi JComboBox, JList 58

59 EVÉNEMENTS ADJUSTMENTEVENT Se produisent quand un élément ajustable comme une JScrollBar sont ajustés Sont émis par ScrollBar, JScrollBar 59

60 ECOUTEURS ASSOCIÉS AUX EVÉNEMENTS SÉMANTIQUES Chaque interface contient une unique méthode : – ActionListener : void actionPerformed(ActionEvent e) – ItemListener : void itemStateChanged(ItemEvent e) – AdjustementListener : void adjustementValueChanged (AdjustementEvent e) 60

61 Les sous-classes de AbstractButton peuvent générer des événements ChangeEvent quand on modifie létat dun bouton Les dérivés de JMenuItem génèrent des MenuDragMouseEvent et des MenuKeyEvent Une JList génère des SelectionEvent Les modèles associés aux listes et aux tables génèrent des ListDataEvent et des TableModelEvent (envoyés aux vues quand des changements se produisent sur le modèle) 61

62 EXEMPLE Cette applet contrôle lapparition dune fenêtre supplémentaire (un JFrame) qui apparaît lorsque lon enfonce le bouton Start playing… 62

63 EXEMPLE Dans le JFrame on trouvera un label et une checkbox qui permettra de cocher si le label est rendu visible ou invisible On pourra aussi iconifier le JFrame ou non Les événements captés écriront leur source et leur type au centre du cadre de lapplet précédent dans la zone de texte 63

64 SOURCE DE LEXEMPLE PARTIE 1 (1/4) public class ComponentEventDemo extends JApplet implements ComponentListener, ActionListener { JTextArea display; JFrame aFrame; // une fenêtre supplémentaire à afficher public boolean showIt = false; final static String SHOW = "show"; final static String CLEAR = "clear"; String newline = "\n"; public void init() { display = new JTextArea(); display.setEditable(false); JScrollPane scrollPane = new JScrollPane(display); scrollPane.setPreferredSize(new Dimension(200, 75)); getContentPane().add(scrollPane, BorderLayout.CENTER); JButton b1 = new JButton("Start playing..."); b1.setActionCommand(SHOW); b1.addActionListener(this); getContentPane().add(b1, BorderLayout.NORTH); 64

65 SOURCE DE LEXEMPLE PARTIE 1 (2/4) JButton b2 = new JButton("Clear"); b2.setActionCommand(CLEAR); b2.addActionListener(this); getContentPane().add(b2, BorderLayout.SOUTH); aFrame = new JFrame("A Frame"); // une autre fenêtre ComponentPanel p = new ComponentPanel(this); // défini + loin aFrame.addComponentListener(this); // aFrame écoute l'Applet p.addComponentListener(this); // et son propre panneau aFrame.getContentPane().add(p, BorderLayout.CENTER); aFrame.pack(); aFrame.addWindowListener( new WindowAdapter() { public void windowClosing(WindowEvent e) { showIt = false; } }); } // fin de init() 65

66 SOURCE DE LEXEMPLE PARTIE 1 (3/4) public void actionPerformed(ActionEvent e) { // sur les boutons if (e.getActionCommand() == SHOW) { showIt = true; aFrame.setVisible(true); } else { // CLEAR display.setText(""); // efface le contenu central } public void start() { SwingUtilities.invokeLater(new Runnable() { public void run() { if (showIt) { aFrame.setVisible(true); } }); } 66

67 SOURCE DE LEXEMPLE PARTIE 1 (4/4) protected void displayMessage(String message) { display.append(message + newline); } public void componentHidden(ComponentEvent e) { displayMessage("componentHidden event from " + e.getComponent().getClass().getName()); } public void componentMoved(ComponentEvent e) { displayMessage("componentMoved event from " + e.getComponent().getClass().getName()); } public void componentResized(ComponentEvent e) { … } public void componentShown(ComponentEvent e) { … } } // fin de ComponentEventDemo 67

68 SOURCE DE LEXEMPLE PARTIE 2 (1/2) class ComponentPanel extends JPanel implements ItemListener { // contenu de "aFrame" JLabel label; JCheckBox checkbox; ComponentPanel(ComponentEventDemo listener) { super(new BorderLayout()); // sinon c'est un FlowLayout label = new JLabel("This is a Label", JLabel.CENTER); add(label, BorderLayout.CENTER); checkbox = new JCheckBox("Label visible", true); checkbox.addItemListener(this); add(checkbox, BorderLayout.SOUTH); label.addComponentListener(listener); // listener = le JApplet checkbox.addComponentListener(listener); } 68

69 SOURCE DE LEXEMPLE PARTIE 2 (2/2) public void itemStateChanged(ItemEvent e) { // pour la checkbox if (e.getStateChange() == ItemEvent.SELECTED) { label.setVisible(true); // Selon les tutorials sun // Il faut parfois appeler revalidate et repaint // pour assurer le bon affichage du label label.revalidate(); // mise à jour de l'interface label.repaint(); // demande explicite de réaffichage } else { label.setVisible(false); } 69

70 LE CONTRÔLEUR Aperçu général Les différents types dévénement Les différents écouteurs associés Méthodes pour implémenter les écouteurs Evénements Sémantiques Les Actions 70

71 LES ACTIONS : CONCEPT Une action est objet de nimporte quelle classe qui implémente linterface Action. Linterface Action étend linterface ActionListener – un objet Action est aussi un écouteur dévénement daction de type ActionEvent 71

72 LES ACTIONS : PRINCIPE Les composants Swing suivants possèdent une méthode add() qui prend en argument un type Action : – JMenu, – JPopupMenu, – JToolBar 72

73 LES ACTIONS : PRINCIPE Lorsque lon fait un add() dun objet Action sur un menu ou une barre doutils, la méthode add crée un composant à partir de lobjet Action qui est automatiquement du bon type par rapport au composant auquel on lajoute (i.e. item de menu ou bouton) 73

74 LES ACTIONS : INTÉRÊT Ainsi, si on ajoute un objet Action à un JMenu, add() ajoute un JMenuItem au menu. Si on ajoute ce même objet à une JToolBar, cest un JButton qui lui sera ajouté. Comme lobjet Action est comme son propre écouteur, le bouton et litem de menu supporteront la même procédure daction. 74

75 PROPRIÉTÉS Il y a 7 propriétés standards – NAME : String – SMALL_ICON : Icon (pour la toolbar) – SHORT_DESCRIPTION : String (pour le tooltip) – ACCELERATOR_KEY : KeyStroke (accélérateur) – LONG_DESCRIPTION : String (aide contextuelle) – MNEMONIC_KEY : int (mnémonique de laction) – ACTION_COMMAND_KEY : (keymap associée au comp.) La classe Property est dans java.util. 75

76 MODIFICATION/RÉCUPÉRATION DES PROPRIÉTÉS DACTION void putValue (String key, Object value) : associe lobjet value avec la clé key dans le dictionnaire pour lobjet Action Exemple : pour stocker un nom daction putValue(NAME, leNom) (On utilise la clé standard NAME pour stocker lobjet leNom) 76

77 MODIFICATION/RÉCUPÉRATION DES PROPRIÉTÉS DACTION Object getValue (String key) : retourne lobjet correspondant à la clé key dans le dictionnaire. Pour retrouver licône de la toolbar dans une méthode dune classe daction : Icon lineIcon = (Icon) getValue (SMALL_ICON) 77

78 AUTRES MÉTHODES void addPropertyChangeListener (PropertyChangeListener l) : ajoute un listener qui écoute les changements de propriétés (état dactivation). Utilisé par les conteneurs void removePropertyChangeListener (PropertyChangeListener listener) 78

79 AUTRES MÉTHODES boolean isEnabled() : retourne true si lobjet daction est actif et accessible void setEnabled(boolean state) : permet dagir à la fois sur le bouton de la barre doutils et lélément de menu si tous deux ont été créés à partir de la même action 79

80 ABSTRACTACTION Est défini dans le package javax.swing et implémente linterface Action Fournit des mécanismes pour stocker les propriétés dune action Possède trois constructeurs : – AbstractAction ( ) – AbstractAction ( String name ) – AbstractAction ( String name, Icon icon) 80

81 EXEMPLE DUTILISATION DACTION (1/3) class FileAction extends AbstractAction { // définit les actions FileAction(String name) { // pour les items super(name); // du menu File } FileAction(String name, KeyStroke keystroke) { this(name); if(keystroke != null) putValue(ACCELERATOR_KEY, keystroke); } public void actionPerformed(ActionEvent e) { // code pour les actions liées aux items du menu File } 81

82 EXEMPLE DUTILISATION DACTION (2/3) public class SketchFrame extends JFrame { private FileAction newAction, openAction, saveAction; public SketchFrame(String title) { setTitle(title); setJMenuBar(menuBar); setDefaultCloseOperation(EXIT_ON_CLOSE); JMenu fileMenu = new Jmenu("File"); JMenu elementMenu = new JMenu("Elements"); fileMenu.setMnemonic(F); elementMenu.setMnemonic(E); // On construit ici le file menu avec des actions… newAction = new FileAction("New", Keystroke.getKeystroke(N,Event.CTRL_MASK)); addMenuItem(fileMenu, newAction); 82

83 EXEMPLE DUTILISATION DACTION (3/3) // pour rajouter laction à la barre d'outils: toolBar.add(newAction); // remarque: pour rajouter son icône, il faudra dabord lajouter à laction newAction.putValue(Action.SMALL_ICON, new ImageIcon("new.gif")); JButton bouton = toolBar.add(newAction); // et supprimer le label du bouton dicône bouton.setText(null); // si on avait joué sur le nom (NAME) de l'action, on // aurait perdu le label de texte dans l'item du menu …} private JMenuItem addMenuItem(JMenu menu, Action action) { JMenuItem item = menu.add(action); KeyStroke keystrocke = (KeyStroke) action.getValue(action.ACCELERATOR_KEY); if (keystroke != null) item.setAccelerator(keystroke); return item; } 83

84 Quid de linsertion des Listeners dans MVC Rappelez vous du premier Cours

85 Mise en place Exemple assez simple dune application qui permet de modifier un volume. Plusieurs vues pour représenter le volume et après toutes modifications, toutes les vues devront être synchronisées. 85

86 Le modèle : la base 86 public class VolumeModel { private int volume; public VolumeModel(){ super(); volume = 0; } public int getVolume() { return volume; } public void setVolume(int volume) { this.volume = volume; }

87 Pour la notification Pour permettre la notification de changement de volume, on utilise des listeners On crée donc un nouveau listener (VolumeListener) et un nouvel événement (VolumeChangeEvent) 87

88 Le listener et levent 88 import java.util.EventListener; public interface VolumeListener extends EventListener { public void volumeChanged(VolumeChangedEvent event); } import java.util.EventObject; public class VolumeChangedEvent extends EventObject{ private int newVolume; public VolumeChangedEvent(Object source, int newVolume){ super(source); this.newVolume = newVolume; } public int getNewVolume(){ return newVolume; }

89 Implémentation du système découteurs dans le modèle (1/2) 89 import javax.swing.event.EventListenerList; public class VolumeModel { private int volume; private EventListenerList listeners; public VolumeModel(){ this(0); } public VolumeModel(int volume){ super(); this.volume = volume; listeners = new EventListenerList(); } public int getVolume() { return volume; } public void setVolume(int volume) { this.volume = volume; fireVolumeChanged(); }

90 Implémentation du système découteurs dans le modèle (2/2) 90 public void addVolumeListener(VolumeListener listener){ listeners.add(VolumeListener.class, listener); } public void removeVolumeListener(VolumeListener l){ listeners.remove(VolumeListener.class, l); } public void fireVolumeChanged(){ VolumeListener[] listenerList = (VolumeListener[]) listeners.getListeners(VolumeListener.class); for(VolumeListener listener : listenerList){ listener.volumeChanged( new VolumeChangedEvent(this, getVolume())); }

91 Ce que lon a maintenant Le modèle est maintenant capable davertir tous ses écouteurs à chaque changement de volume En fonction de lapplication, il est possible dimaginer plusieurs listeners par modèles et dautres événements dans les listeners (par exemple quand le volume dépasse certains seuils) Remarque : le modèle peut devenir très vite conséquent 91

92 Pré-requis pour le contrôleur Pour éviter dêtre dépendant de Swing, on va créer une classe abstraite représentant une vue de volume 92 public abstract class VolumeView implements VolumeListener{ private VolumeController controller = null; public VolumeView(VolumeController controller){ super(); this.controller = controller; } public final VolumeController getController(){ return controller; } public abstract void display(); public abstract void close(); }

93 Le Contrôleur Manipulera des objets de type View et non plus de type Swing Un seul contrôleur sera créé dans un soucis de simplicité puisque les 3 vues font la même chose. Dans le cas de vues complètement différentes, il est fortement conseillé dutiliser plusieurs contrôleurs 93

94 Les vues Nous supposons 3 vues (dans le cadre du cours, nous nen montrerons qu une) : –Une vue permettant de modifier le volume avec un champ de texte et valider par un bouton –Une vue permettant de modifier le volume à laide dune jauge + bouton pour valider –Une vue listant les différents volumes Toutes ces vues sont représentées par une JFrame 94

95 Contrôleur (1/2) 95 public class VolumeController { public VolumeView fieldView = null; public VolumeView spinnerView = null; public VolumeView listView = null; private VolumeModel model = null; public VolumeController (VolumeModel model){ this.model = model; fieldView = new JFrameFieldVolume(this, model.getVolume()); spinnerView = new JFrameSpinnerVolume(this, model.getVolume()); listView = new JFrameListVolume(this, model.getVolume()); addListenersToModel(); } private void addListenersToModel() { model.addVolumeListener(fieldView); model.addVolumeListener(spinnerView); model.addVolumeListener(listView); }

96 Contrôleur (2/2) 96 public void displayViews(){ fieldView.display(); spinnerView.display(); listView.display(); } public void closeViews(){ fieldView.close(); spinnerView.close(); listView.close(); } public void notifyVolumeChanged(int volume){ model.setVolume(volume); }

97 Les vues Nous allons faire 3 vues (dans le cadre du cours, nous nen montrerons qu une) : –Une vue permettant de modifier le volume avec un champ de texte et valider par un bouton –Une vue permettant de modifier le volume à laide dune jauge + bouton pour valider –Une vue listant les différents volume Toutes ces vues sont représentées par une JFrame 97

98 JFrameField (1/3) 98 import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.text.NumberFormat; import javax.swing.*; import javax.swing.text.DefaultFormatter; public class JFrameFieldVolume extends VolumeView implements ActionListener{ private JFrame frame = null; private JPanel contentPane = null; private JFormattedTextField field = null; private JButton button = null; private NumberFormat format = null; public JFrameFieldVolume(VolumeController controller) { this(controller, 0); } public JFrameFieldVolume(VolumeController controller, int volume){ super(controller); buildFrame(volume); }

99 JFrameField (2/3) 99 private void buildFrame(int volume) { frame = new JFrame(); contentPane = new JPanel(); format = NumberFormat.getNumberInstance(); format.setParseIntegerOnly(true); format.setGroupingUsed(false); format.setMaximumFractionDigits(0); format.setMaximumIntegerDigits(3); field = new JFormattedTextField(format); field.setValue(volume); ((DefaultFormatter)field.getFormatter()).setAllowsInvalid(false); contentPane.add(field); button = new JButton("Mettre à jour"); button.addActionListener(this); contentPane.add(button); frame.setContentPane(contentPane); frame.setTitle("JFrameSpinnerVolume"); frame.pack(); }

100 JFrameField (3/3) 100 @Override public void close() { frame.dispose(); } @Override public void display() { frame.setVisible(true); } public void volumeChanged(VolumeChangedEvent event) { field.setValue(event.getNewVolume()); } public void actionPerformed(ActionEvent arg0) { getController().notifyVolumeChanged(Integer.parseInt(field.getValue().toString())); }

101 CONCLUSION 101

102 LA LIBRAIRE GRAPHIQUE SWING Possède – De nombreux widgets graphiques – De nombreux containers pour afficher ces widgets – Des layouts permettant de faire la mise en page – … Permet de réaliser des applications – Lourdes qui sexécutent localement – « légères » au-travers des applets Gère les événements au-travers de la couche awt.event par lutilisation découteurs 102

103 LA LIBRAIRE GRAPHIQUE SWING Permet de réaliser des applications – Lourdes qui sexécutent localement – « légères » au-travers des applets Gère les événements au-travers de la couche awt.event par lutilisation découteurs 103

104 DAUTRES LIBRAIRIES GRAPHIQUES SWT : librairie développé par le projet Eclipse QTJambi : portage de Qt sur Java … 104 D ES COMPLÉMENTS À S WING SwingX : extension de Swing http://www.swinglabs.org/http://www.swinglabs.org/ JGraph : pour représenter des graphes Un lien intéressant contenant diverses api Java : http://java.developpez.com/outils/api

105 TABLEAU COMPARATIF Caractéristique s SwingSWTQT LayoutsDe nombreux types de Layouts Grande flexibilité Peu de Layout Mais un Layout puissant avec la notion dencrage 3 types de Layouts différents Gestion des événements Basé sur des écouteurs Géré par des signaux et des slots ContainersDifférents types de containers Container web (applet) Nombreux types de containers Quelques containers principalement basés sur QMainWindow

106 TABLEAU COMPARATIF Caractéristique s SwingSWTQT Elément de base Très grand nombre Moins déléments mais basé sur les styles Grand nombre déléments ContrainteLiée aux librairies système Liées aux librairies système


Télécharger ppt "POO3 Introduction aux IHM et à la réflexivité Java Vos premiers pas en Swing."

Présentations similaires


Annonces Google