Module M4207 applications informatiques

Transcription

1 Module M4207 applications informatiques Rushed Kanawati LIPN, CNRS UMR 7030 Université Paris 13 kanawati January 30, 2015 R. Kanawati (LIPN) Programmation graphique January 30, / 17

2 Plan 1 Introduction R. Kanawati (LIPN) Programmation graphique January 30, / 17

3 Organisation du module Intervenants : Rushed Kanawati, Jean-Michel Barrachina. Organisation : h cours, 2 3h TD, 5 3h TP. Evaluation : Sur projet (en binômes) Contenu : 1 Initiation au développement d interfaces graphiques en Java. 2 Prise en main du paquetage SNMP4j (SNMP tools) 3 Développement d une simple application graphique d interaction avec un agent SNMP. R. Kanawati (LIPN) Programmation graphique January 30, / 17

4 Objectifs Initiation à la programmation d applications graphiques en Java Programmation par événements Programmation concurrente (threads) R. Kanawati (LIPN) Programmation graphique January 30, / 17

5 Interface graphique : WIMP Interface graphique moderne : WIMP WIMP = Window, Icon, Menu, Pointer Une interface graphique : un ensemble de widgets dotées de comportement et de rendu graphique. Concevoir une interface = dessiner une interface + spécifier les réactions aux interactions utilisateurs. R. Kanawati (LIPN) Programmation graphique January 30, / 17

6 Etapes de réalisation d une interface graphique 1 Recenser les éléments actifs à utiliser (boutons, labels, menus, etc.) 2 Dessiner l interface : en utilisants des éléments de structure et des objets d agencement. 3 Relier les éléments actifs et d affichage aux objets de traitement. R. Kanawati (LIPN) Programmation graphique January 30, / 17

7 Widgets graphiques en Java Deux types : awt : Abstract Window Toolkit : un ensemble de composants graphiques natifs (utilisant les ressources graphiques du système hôte). swing : un ensemble de composants graphiques 100% Java : le rendu graphique ne dépende plus du système hôte. R. Kanawati (LIPN) Programmation graphique January 30, / 17

8 Widgets Swing Deux types de widgets : Les containers : widgets utilisés pour structurer l interface. Widgets actifs : boutons, listes, menus, etc. R. Kanawati (LIPN) Programmation graphique January 30, / 17

9 Les containers : La classe JFrame Implante une fenêtre avec un barre de titre + un panneau interne pour y agencer d autres widgets. Création : JFrame f = new JFrame( titre ); Quelques méthodes : public void setcontentpane(container contentpane) : fixer le panneau de fond de la fenêtre. public JPanel getcontentpane() : retourner le panneau de fond. public Component add(componenent c) : ajouter un composant public Component remove(componenent c) : retirer un composant public void setvisible(boolean b) : contrôler la visibilité de la fenêtre. R. Kanawati (LIPN) Programmation graphique January 30, / 17

10 Les containers : La classe JPanel Un panneau de regroupement d autres widgets (actifs ou de structuration) Création : JPanel p = new JPanel() Quelques méthodes : public Component add(componenent c) : ajouter un composant public Component remove(componenent c) : retirer un composant Agencement des widgets à l intérieur en utilisant : LayoutManager. Utilisation : public void setlayout(layoutmanager) R. Kanawati (LIPN) Programmation graphique January 30, / 17

11 Layout Managers BorderLayout (): Divise le container en 5 zones (Centre, Nord, Sud, Est et Ouest) FlowLayout (): Positionnement en flux selon la place disponible. GridLayout (): Positionnement des composants dans une grille (avec tailles des cases égales) R. Kanawati (LIPN) Programmation graphique January 30, / 17

12 Exemple : BorderLayout Division du panneau en 5 zones : CENTER, NORTH, SOUTH, EAST, WEST Permet de placer un composant par zone. Dimensionnement des widgets par rapport à leurs preferredsizes et redimensionnement proportionnel: NORTH et SOUTH étirés horizontalement EAST et WEST étirés verticalement CENTER étiré pur remplir le reste de l espace Utilisation : f.setlayout(new BorderLayout()); f.add(b, BorderLayout.NORTH) R. Kanawati (LIPN) Programmation graphique January 30, / 17

13 BorderLayout : exemple Introduction import java. awt.*; import javax. swing.*; mainframe. setdefaultcloseoperation ( JFrame. EXIT_ON_CLOSE ); public class ApplicationBorderLayout { public static void main ( String [] args ) { JFrame mainframe = new JFrame (" Exemple de BorderLayout "); mainframe. setlayout ( new BorderLayout ()); mainframe. add ( new JButton (" North "), BorderLayout. NORTH ); mainframe. add ( new JButton (" South "), BorderLayout. SOUTH ); mainframe. add ( new JButton (" Center "), BorderLayout. CENTER mainframe. setvisible ( true ); } } R. Kanawati (LIPN) Programmation graphique January 30, / 17

14 Widgets actifs JButton : Un bouton qu on peut activer (pousser). JLabel : Une ligne d affichage de texte ou d image. JTextField : Zone de saisie de texte (composé d une seule ligne) JTextArea : Zone multi-lignes de saisie de texte. JCheckBox : ensemble de boutons de configuration. JRadioButton : boutons de selections exclusives. R. Kanawati (LIPN) Programmation graphique January 30, / 17

15 Interface widget - programme Un widget actif émet des événements prédéfinis en fonction de sa nature. Des objets Java peuvent s abonner à l écoute à ces événements afin de réagir à leur occurrence. Un objet écouteur doit implanter l interface de traitement de l événement. A la réception d un événement, la méthode de traitement (spécifiée dans l interface de l écoute) est automatiquement exécutée. R. Kanawati (LIPN) Programmation graphique January 30, / 17

16 Exemple : cas d un JButton Un JButton émet un événement Action quand il est cliqué L interface de traitement : ActionListener offre une méthode actionperformed(actionevent e) L objet ActionEvent décrit la source de l événement et l action ayant lieu. R. Kanawati (LIPN) Programmation graphique January 30, / 17

17 Exemple : cas d un JButton class Traitant implements ActionListener { public void actionperformerd ( ActionEvenet e}{... } } Traitant obj = new Traitant ();... JButton button = new JButton (" Button "); button. addactionlistener ( obj ); R. Kanawati (LIPN) Programmation graphique January 30, / 17