vos premiers pas en swing partie structurelle audrey occello & am dery [email protected]
TRANSCRIPT
Des éléments graphiques : ComponentDéfinition d’un élément graphique avecune dimension, une position, un type de contrôle associé
Que trouve-ton dans une librairie graphique ?
Des éléments graphiques composés : Container Définition d’un regroupementDes éléments graphiques qui contiennent d’autres éléments graphiques
Du Formattage : LayoutManagerDéfinition de l’organisationEn ligne, en tableau, avec des contraintes,etc
Aperçu de Swing
HIÉRARCHIE DES CLASSES
4
PRINCIPES GÉNÉRAUX• Pour la création des composants :
1. Choix du container racine et création 2. Choix du panneau dans lequel on
dispose les composants (contenu)
• Pour l’affichage des composants1. Utilisation du layout par défaut ou
choix d’une mise en page des composants du container
2. Association de l’afficheur (LayoutManager) au container 5
IL PEUT Y AVOIR PLUSIEURS
PANNEAUX DANS UNE FENETRE
• L’ajout d’un composant à un composant (container) implique la construction d’un sous arbre - le composant ajouté est le fils
• Le parent contient les composants qui lui sont ajoutés• La méthode getParent() sur un composant retourne le
parent (de type Container)
6On a donc une arborescence des composants
PRINCIPES GÉNÉRAUX
Exemple : ARBRE DE COMPOSANTS
7
Composants : Contrôles
8
COMMENT SAISIR & AFFICHER DES DONNEES ET PRESENTER DES ACTIONS ?
Aperçu de SwingDes composants de contrôle
Jcomponent
Méthodes de commodité• getSize retourne une Dimension• setSize : une Dimension ou deux entiers – Une position• getLocation retourne un Point• setLocation avec un Point ou deux entiers – Coordonnées• Origine au coin supérieur gauche – x (width) vers la droite – y (height) vers le bas
• setPreferredSize : Dimension• setMinimumSize : Dimension• setMaximumSize : Dimension
• setBackground : Color
Et bien d’autres !
JLABEL• Permet de définir un label• Peut comporter : une icône, du texte ou les deux
10
• Méthodes intéressantes : – setEnabled(boolean) : pour activer/désactiver la
zone (permet de griser le label)– setHorizontalAlignement(constante) pour contrôler
l’alignement du texte
CRÉATION D’UN MENU• Pour créer un menu, il faut :
– Une barre de menu (JMenuBar),– Un menu (JMenu),– Des éléments dans ce menu (JMenuItem),
• Sur le JMenu, il est possible d’ajouter un Mnemonic– Permet d’accéder au menu directement en faisant : Alt+Char– Est associé à un caractère (setMnemonic(char))
11
• Sur les JMenuItem il est possible d’ajouter des accélérateurs : – Permet d’associer une combinaison du type Ctrl+Touche– setAccelerator(KeyStroke.getKeyStroke
( KeyEvent.LA_TOUCHE, ActionEvent.LE_MASQUE)
ILLUSTRATION D’UN MENU
12
JMenuBar
JMenu
JMenuItem
LES BORDURES• Il est possible d’attribuer une
bordure à un JComponent :setBorder(border)
• Pour obtenir la bordure, on utilise les méthodes statiques de la classe BorderFactory :Factory.createEtchedBorder()
13
Containers
14
COMMENT GROUPER LES COMPOSANTS D’IHM ?
Aperçu de Swing Les Containers
Les containers
– add / remove d’un Component– unicité de lieu– indice des components– association à un LayoutManager
Méthodes à connaître
• repaint() ! validate() ! : mise à jour de l’IHM• getBounds / setBounds(x,y, w, h) : positionne et dimensionne• getWidth() : largeur / getHeight() : hauteur• getX() et getY() : obtenir une coordonnée• setVisible(true / false)• getBackground et setBackground [objet Color, définition RGB]
DES CONTAINERS RACINE• JFrame : le cadre principal d'une application. Il peut
contenir des menus et d'autres composants.
• JDialog : une fenêtre de dialogue avec l'utilisateur. Son « parent » (argument requis par ses créateurs) sert essentiellement à la placer dans l'écran.
• JApplet : classe de base pour les applets Java 2. Les applets sont des applications Java pouvant tourner à l'intérieur d'un navigateur Web. 16
LES DIFFÉRENTS PANNEAUX D’UN JFRAME, JDIALOG, JAPPLET
• S’obtiennent par :– getRootPane () zone de la fenêtre sous le titre– getLayeredPane() zone où sont cachés les panneaux non
visibles– getContentPane () zone où les éléments sont ajoutés– getGlassPane () zone transparente dessinée au-dessus du
JRootPane utilisé pour afficher des pop-up menus17
JFRAME : ILLUSTRATION
18
JFrame frame = new JFrame("TopLevelDemo");
//Create the menu bar. Make it have a green background.JMenuBar greenMenuBar = new JMenuBar();greenMenuBar.setOpaque(true);greenMenuBar.setBackground(new Color(154, 165, 127));greenMenuBar.setPreferredSize(new Dimension(200, 20));
//Create a yellow label to put in the content pane.JLabel yellowLabel = new JLabel();yellowLabel.setOpaque(true);yellowLabel.setBackground(new Color(248, 213, 131));
//Set the menu bar and add the label to the content pane.frame.setJMenuBar(greenMenuBar);frame.getContentPane().add(yellowLabel);frame.setVisible(true);
JFRAME : ILLUSTRATION
19
AUTRES MÉTHODES• setTitle (String) : pour mettre le titre de la
fenêtre• setSize (int width, int height)• setLocation (int x, int y) : pour déplacer la fenêtre• dispose () : pour fermer la fenêtre• pack () : ajuste chaque composant à sa taille
optimale et retaille la fenêtre
20
JFRAME : ILLUSTRATION
21
import javax.swing.*;public class TryWindow { public static void main (String[] args) { JFrame myWindow = new JFrame (''ceci est un titre'');
myWindow.setBounds (50, 100, 400, 150); // définit la position et la taille// détermine ce qu'il se passe lorsque l'on ferme la fenêtre
myWindow.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);myWindow.setVisible(true); // rend visible la fenêtre
}}
(0,0) X=50
Y= 100
H=150
W=400
DISPOSE_ON_CLOSE – contrainte par défaut - détruit le JFrame et ses composants mais ne termine pas l'application
DO_NOTHING_ON_CLOSE
HIDE_ON_CLOSE
JDIALOG : CLASSES et BOÎTES DE DIALOGUES
• Il existe différentes classes pour créer des boîtes de dialogue : – JOptionPane : pour créer des boîtes de dialogue
standards– JColorChooser : pour choisir une couleur– JFileChooser : pour permettre de sélectionner un
fichier– ProgressMonitor : pour afficher la progression
d’une opération22
JOPTIONPANE• Permet de créer des boîtes de dialogue standards• Permet de faire des avertissements• Possède des éléments standardisés :
– Réponse oui/non,– Icônes de danger, d’erreurs, …
• Est modifiable (boutons, icônes, …)
23
question
information
avertissement
erreur
JCOLORCHOOSER• Permet de créer une boîte de dialogue pour choisir une
couleur• Possède différents onglets correspond aux différents types
d’encodage de couleurs
24
JFILECHOOSER• Définit une boîte de dialogue pour sélectionner un
fichier• Deux boîtes de dialogue par défaut :
– Pour l’ouverture (showOpenDialog),– Pour la sauvegarde
(showSaveDialog)
25
APPLET JAVA • S’exécute dans une machine virtuelle (celle du navigateur
web) et nécessite un fichier html• N’a pas de fonction main mais vit un cycle (run)• Les principales méthodes sont :
– init () : quand la page html est chargée la 1ère fois– start () : après init et chaque fois que l’on revient sur la
page– stop () : quand on quitte la page html (on interrompt les
méthodes lancées dans start)– destroy () : quand l’applet est terminée (on libère toutes les
ressources) 26
EXEMPLE D’APPLET<HTML> <TITLE> Applet HelloWorldApplet
</TITLE> <APPLET
CODE=« HelloWorldApplet.class » WIDTH=200 HEIGHT=300><PARAM NAME=« Chaine » value =
« Hello World »></APPLET></HTML>
27
import java.awt.*;Import java.applet.*;
public class HelloWorldApplet extends Applet {
Font f = new Font ( « Serif », Font.BOLD, 36); public void paint (Graphics g) { g.setFont(f); g.setColor(Color.red); g.drawString(getParameter (« Chaine »), 10, 30); }}
SÉCURITÉ ET APPLET
• Une applet ne peut pas charger de librairies ou utiliser des méthodes natives
• Elle ne peut normalement pas lire ou écrire dans des fichiers de l’hôte sur lequel elle s’exécute
• Elle ne peut pas effectuer de connexions réseaux sauf sur l’hôte dont elle provient
• Elle ne peut lancer aucun programme de l’hôte sur lequel elle s’exécute
28Ces restrictions peuvent être levées par un certificat de sécurité (cf. jarsigner, policytool)
• Pour structurer les différents éléments graphiques, on utilise des containers qui font partis de la famille des panneaux.
• Quelques panneaux très utiles : – Le JPanel : panneau de base,– Le JScrollPane : qui permet d’obtenir des ascenseurs– Le JSplitPane : qui permet de diviser en 2 (seulement 2)– Le JTabbedPane : qui permet d’avoir différents onglets
pour les différents sous-contenus29
AUTRES CONTAINERSLa famille des panneaux
JPANEL• Le container le plus utilisé pour structurer
l’interface• Ne possède pas de réelles contraintes (la
gestion de l’organisation des éléments est déléguée à un Layout)
• Peut contenir des sous-panneaux
30
JSCROLLPANE• Permet d’obtenir des ascenseurs de manière automatique,• Est créé en lui associant le composant que l’on souhaite
pouvoir scroller• Le composant inclus dans le JScrollPane doit implémenter
l’interface Scrollable• Quelques éléments qui implémentent cette interface :
– JTextField,– JTextArea,– JTree,– JTable
31
JSPLITPANE• Permet de diviser en deux l’espace• Peut se construire avec les deux composants
contenus dans chacune des zones• Possède une orientation • (HORIZONTAL_SPLIT ou VERTICAL_SPLIT)
32
JTABBEDPANE• Permet d’avoir des onglets• Permet de mieux gérer l’espace de travail• Chaque onglet est créé avec son panel associé• L’onglet peut posséder une icône en plus ainsi qu’un
raccourci clavier (Mnemonic)• Peut-être fait de manière équivalente avec un
CardLayout (à ce moment, il n’y a pas d’onglet)
33
Afficheurs
34
COMMENT POSITIONNER LES COMPOSANTS ?
DEUX MANIÈRES• Positionner de manière absolue, revient à :
– Retirer tout gestionnaire d’affichage (setLayout(null))– Placer un par un les éléments en leur donnant leur
position dans la fenêtre (méthode setBounds)– Du «sur mesure» mais peut s’avérer très complexe
à définir !
• Positionner de manière relative en utilisant des gestionnaires d’affichage
35
MISE EN PAGE RELATIVE• La mise en page des éléments s’effectue à l’aide d’un
gestionnaire d’affichage (Layout),
• Tous les containers possèdent une méthode setLayout qui permet de spécifier le type de gestionnaire d’affichage
• On peut ajouter des contraintes lorsqu’on ajoute un composant
• Avantage : Le redimensionnement est géré automatiquement
36
Aperçu de SwingLayouts
Les Layout :Basé sur PreferredSize ou une maximisation de l’élément
• BorderLayout – par défaut dans une fenêtre– ajout en précisant la zone– add(comp, "North")
• FlowLayout : en ligne(s)• BoxLayout : séquence verticale ou horizontale• GridLayout : en tableau• GridBagLayout : avec des contraintes• CardLayout : empilement• etc.
UTILISATION D’UN LAYOUT1. Création du layout Exemple : BorderLayout bl = new BorderLayout())
2. Association au container : panel.setLayout(bl)
3. Ajout de composants au container, avec ou sans contrainte
Exemple : panel.add(button, BorderLayout.EAST)
38
BORDERLAYOUT• Définit des zones avec différentes proportions dans
lesquelles ajouter des éléments• La zone centrale s’agrandit proportionnellement au
container associé• Gestionnaire d’affichage par défaut des JFrame
39
NORTH
SOUTH CENTER
WESTEAST
FLOWLAYOUT• On ajoute au fur et à mesure les composants, si cela
ne tient pas dans la ligne, on commence une nouvelle ligne
• Gestionnaire d’affichage par défaut des JPanel• Possibilité de spécifier l’alignement (centré par défaut)
setAlignement(int) – 0 gauche, 1 centré, 2 droite
40
Exempleimport javax.swing.*;
public class Exemple {public static void main(String[] args) {
JFrame fenetre = new JFrame();JPanel panel = new JPanel();
JLabel etiquette = new JLabel("Aujourd'hui: ");JCheckBox premier = new JCheckBox("Lundi");JCheckBox deuxieme = new JCheckBox("Mardi");JCheckBox troisieme = new JCheckBox("Mercredi");JCheckBox quatrieme = new JCheckBox("Jeudi");JCheckBox cinquieme = new JCheckBox("Vendredi", true);JCheckBox sixieme = new JCheckBox("Samedi");
ExempleJCheckBox septieme = new JCheckBox("Dimanche");panel.add(etiquette);panel.add(premier); panel.add(deuxieme);panel.add(troisieme); panel.add(quatrieme);panel.add(cinquieme); panel.add(sixieme);panel.add(septieme);
fenetre.setContentPane(panel);fenetre.setTitle("Wesh mate mon flow!");fenetre.setBounds(100, 100, 200, 200);fenetre.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);fenetre.setVisible(true);
}}
Aperçu du résultatLe placement s’ajuste en fonction de la taille de la fenêtre :
BOXLAYOUT• Définit une boîte dans laquelle seront ajoutés les
différents composants• Cette boîte peut-être :
– Horizontale : X_AXIS– Verticale : Y_AXIS
• On ajoute les éléments au fur et à mesure
44
CARDLAYOUT• Permet d’empiler des composants (suivant des
panneaux)• Le dernier ajouté ou celui spécifié est visible• Concept de la pile de cartes
45
GRIDLAYOUT• Définit une grille où ajouter les composants• L’ajout des composants se fait sans préciser de contraintes• On déclare le layout de la manière suivante :
– new GridLayout(0,2) // row, column 0 signifie autant qu’on veut
46
GRIDBAGLAYOUT• Place les composants dans une grille modulaire en
définissant les contraintes des différents composants à placer
• Pour une mise en page complexe
47
MISE EN PAGE COMPLEXEautre solution
• Combinaison de plusieurs panels avec leur propre layout
48
Composants et partage de données
49
COMMENT GERER LA COHERENCE DE PLUSIEURS VUES ?
LES JLIST ET LES JTABLE
• Permettent de représenter une collection de données• Il est possible de partager des données d’une JTable ou d’une
Jlist avec d’autres composants considérés comme d’autres vues de l’objet JTable ou JList
• Par exemple : une liste de noms affichée dans une JList. La JList est une vue (interactive) de la liste de noms permettant la sélection d’élément.
• Une représentation tabulaire de la même liste est une autre vue• Un texte qui indique le nombre d’éléments de la liste est une
autre vue du modèle 50
ILLUSTRATION JLIST/JTABLE
51
JList JTable
JLIST• Possède différents constructeurs :
– Données fixes : JList (Vector listData) ou JList (Object[] listData)
– Données modifiables : JList (ListModel dm)
• Possède une méthode qui permet de spécifier le mode de sélection : setSelectionMode (int mode). mode peut valoir : – SINGLE_SELECTION– SINGLE_INTERVAL_SELECTION– MULTIPLE_INTERVAL_SELECTION
52
LISTMODEL• Pour le modèle de données, utiliser la classe
DefaultListModel. Ce modèle stocke les objets sous forme de vecteur et fournit les méthodes suivantes : – addElement (Object),– boolean contains(Object), – boolean removeElement(Object)– Object get(index), Object remove(index), int size()
– Plus d’autres méthodes pour gérer les mises à jour des vues utilisants ces données (cf prochain cours)
53
JLIST• Exemple
54
String listData[]= {…,« Carlos »,…, « Ramier»};DefaultListModel model = new DefaultListModel();for (int i=0; i<listData.length; i++) model.addElement(listData[i]);
JList dataList = new JList(model);
JScrollPane listeScroll = new JScrollPane(dataList);
JTABLE• Un constructeur possible de JTable :
– JTable (Object[][] rowData, Object[] columnNames)– On peut accéder au modèle sous-jacent avec la méthode :
• TableModel getModel()• Un autre constructeur avec directement le modèle :
55
String nomsCol[]={«Prenom», «Nom»};String rows[][] = { {«Dinah»,«Cohen»}, … ,
{«Said», «Kharrazen»}};DefaultTableModel model = new DefaultTableModel(rows, nomsCol);JTable table = new JTable(model);
TABLEMODEL• Il existe 3 différents éléments pour créer un modèle de données :
– L’interface TableModel– La classe AbstractTableModel qui implémente TableModel– La classe DefaultTableModel
• DefaultTableModel est le plus simple à utiliser, quelques constructeurs associés : – DefaultTableModel(int row, int col)– DefaultTableModel(Object[][] data, Object[] columnNames)– DefaultTableModel(Vector data, Vector columnNames)
• Plus d’autres méthodes pour gérer les mises à jour des vues utilisant ces données (cf prochain cours)
56