Interface graphique SWING

Conteneur d'une application avec barre de titre et des boutons de fermeture, plein

écran, iconification.

Importer la classe javax. swing. JFrame ;

Constructeur

JFrame()

JFrame(String)

Rôle

Création d'une instance

Création d'une instance en précisant le titre

Fenêtre : JFrame

Méthode

setTitle(String titre)

String getTitle()

void setIconImage(Image img)

setMenuBar(MenuBar)

setResizable(boolean)

Rôle

spécifie le titre du cadre

Obtient le titre du cadre

définit l'image qu'il faut afficher quand ce cadre

est iconifié

applique une barre de menu en haut du cadre

définit la possibilité pour l'utilisateur de

modifier la taille de la fenêtre

Les événements générés par le composant JFrame sont : WindowOpened,

WindowClosing, WindowClosed, WindowIconified, WindowDeiconified,

WindowActivated, WindowDeactivated.

JFrame : 2 manières de créer une JFrame

import javax. swing. JFrame ;

public class MaFenetre {

import javax. swing. JFrame ;

public class MaFenetre extends JFrame {

public MaFenetre(){

public MaFenetre(){

JFrame fen = new JFrame ("Ma première fenêtre");

fen . setSize (500 ,200);

fen . setVisible( true);

fen . setLocation(500 ,500);

}

public static void main( String [] args) {

MaFenetre f=new MaFenetre();

}

}

super ("Ma première fenêtre");

setSize (500 ,200);

setVisible( true);

setLocation(500 ,500);

}

public static void main( String [] args) {

MaFenetre f=new MaFenetre();

}

}

JDialog

Boites de dialogue : JOptionPane(1)

Le composant complexe JOptionPane permet de créer une fenêtre de dialogue

(fenêtre séparée ou pop-up) qui servira à afficher un message ou à obtenir des

informations de la part de l'utilisateur.

La classe JOptionPane crée automatiquement un conteneur de haut niveau JDialog

pour afficher les informations et recevoir les réponses de l'utilisateur.

Une fenêtre JOptionPane comprend 4 zones (optionnelles)

Message

Icône

Entrée

Bouton

Boites de dialogue : JOptionPane (2)

Les fenêtres de dialogue peuvent être divisées en quatre catégories différentes :

Message : Affichage d'un message d'information

Input : Saisie d'une information entrée par l'utilisateur

Confirm : Demande de confirmation (Ok, Oui, Non, Annulation)

Option : Choix d'une option spécifique (parmi une liste de boutons)

Les méthodes statiques showTypDialog() créent des fenêtres de dialogue de haut-niveau. Ces

fenêtres sont modales (ce qui signifie que le focus ne peut pas être transféré à un composant d'une

autre fenêtre de l'application sans fermer la fenêtre de dialogue).

Le premier paramètre (de toutes les méthodes showTypDialog()) indique à quel composant (parent) la

fenêtre de dialogue est liée ce qui détermine sa dépendance et son positionnement (si null, la fenêtre

est centrée à l'écran).

Boites de dialogues

JOptionPane : message

Ce sont les boites de dialogue les plus simple, elles informent l’utilisateur en affichant un

texte simple et un bouton de confirmation.

JOptionPane.showMessageDialog(fen,"Un message");

On peut modifier l’aspect de la fenêtre en fonction du type de message, par exemple pour

afficher un dialogue d’avertissement :

JOptionPane.showMessageDialog(fen,"Problème de réseau",

"Connexion au réseau impossible.",JOptionPane.WARNING_MESSAGE);

Boites de dialogues

JOptionPane : input

La méthode showInputDialog affiche une boite de dialogue comprenant une entrée de

saisie (JTextField) en plus des boutons de validation.

Après validation elle retourne une chaîne de caractères (String) si l’utilisateur a cliqué

sur OK, sinon elle renvoie null.

String rep = JOptionPane. showInputDialog(fen," Entrez votre nom d utilisateur");

Boites de dialogues

JOptionPane : confirm

Les boites de dialogues peuvent aussi être utilisées pour demander un renseignement à

l’utilisateur.

Les méthodes showConfirmDialog() affichent des fenêtres qui comportent des boutons de

type Cancel", "Yes", "No" (différentes combinaisons sont possibles sur la base des

constantes (option type)

Définies dans la classe JOptionPane. Ces méthodes retournent une valeur entière

correspondant à une des constantes de JOptionPane (CANCEL_OPTION, CLOSED_OPTION,

NO_OPTION, YES_OPTION, OK_OPTION).

int i=JOptionPane.showConfirmDialog(fen,"Choisir une réponse");

if (i==JOptionPane.YES_OPTION) {...}

Boites de dialogues

JOptionPane : option

Les méthodes showOptionDialog() permettent de transmettre un tableau d'objets qui

seront affichés sous forme deboutons (ils remplacent les boutons standard de

showConfirmDialog()).

Ces méthodes retournent une valeur entière correspondant à l'indice du tableau

identifiant l'objet qui a été sélectionné (ou CLOSED_OPTION).

String[] tab = {"Froid", "Tiède", "Chaud"};

int i = JOptionPane.showOptionDialog(fen,"Vos préférences ?", "Options"

,JOptionPane.DEFAULT_OPTION,JOptionPane.QUESTION_MESSAGE, null,

Type d’option : pas utilisé si options définies

tab, tab[1]);

Type de message : question

icône

Valeur

initiale

Les conteneurs secondaires

Les composants

(component)

Les étiquettes : JLabel

Les étiquettes sont des composants graphiques capables d'afficher un texte et/ou une

image

Importer javax.swing.JLabel

Constructeurs

JLabel()

JLabel(Icon)

JLabel(Icon, int)

JLabel(String)

JLabel(String, Icon, int)

JLabel(String, int)

Rôle

Création d'une instance sans texte ni image

Création d'une instance en précisant l'image

Création d'une instance en précisant l'image et l'alignement

horizontal

Création d'une instance en précisant le texte

Création d'une instance en précisant le texte, l'image et

l'alignement horizontal

Création d'une instance en précisant le texte et l'alignement

horizontal

Jlabel : Exemple

JLabel l1 = new JLabel("Etiquette 1");

JLabel l2 = new JLabel( ); l2.setText("Etiquette 2");

JLabel l3 = new JLabel("Etiquette et image", new ImageIcon("/img/duke.gif"),JLabel.CENTER );

Les boutons : JButton

Le composant JButton permet d'afficher un bouton qui peut comprendre un texte

(libellé), une icône (image) ou les deux à la fois.

Importer javax.swing.JButton

Constructeur

JButton()

JButton(String)

JButton(Icon)

JButton(String, Icon)

Rôle

préciser le texte du bouton

préciser une icône

préciser un texte et une icône

Un bouton permet donc de déclencher des actions (activités).

Jbutton : Exemple

JButton bt1 = new JButton("Text only");

JButton bt2 = new JButton(new ImageIcon("icone.png"));

JButton bt3 = new JButton("Text and icon",new ImageIcon("icone.png"));

Les cases à cocher : JCheckBox

Le composant JCheckBox est une sous-classe de JToggleButton et représente une case à cocher qui

peut prendre deux états (sélectionné/non-sélectionné).

L'utilisation des composants JCheckBox permet de saisir un certain nombre d'options parmi une liste

de choix non-exclusifs.

Importer javax.swing.JCheckBox

Constructeur

JCheckBox(String)

JCheckBox(String, boolean)

JCheckBox(Icon)

JCheckBox(Icon, boolean)

JCheckBox(String, Icon)

JCheckBox(String, Icon, boolean)

Rôle

précise l'intitulé

précise l'intitulé et l'état

spécifie l'icône utilisée

précise l'intitulé et l'état du bouton

précise l'intitulé et l'icône

précise l'intitulé, une icône et l'état

JCheckBox : Exemple

Méthodes

 boolean isSelected() : retourne true si la case est sélectionnée, false sinon,

 Void setSelected(boolean) : permet de modifier l’état d’une case à cocher

JCheckBox c1 = new JCheckBox("Pomme ");

JCheckBox c2 = new JCheckBox(" Orange", true);

JCheckBox c3 = new JCheckBox("Raisin ");

pan.add(c1);

pan.add(c2);

pan.add(c3);

if (c1.isSelected()==true)

System.out.println("Pomme séléctionnée");

else if (c2.isSelected()==true)

System.out.println("Orange séléctionnée");

else

System.out.println("Raisin séléctionné");

Les boutons radio : JRadioButton

Les boutons radio JRadioButton sont des boutons à choix exclusif, il permettent de choisir un (et un

seul) élément parmi un ensemble.

Pour obtenir ce comportement, il suffit d'insérer les composants JRadioButton (mutuellement

exclusifs) dans un groupe de boutons représenté par un objet de la classe ButtonGroup.

Importer javax.swing.JRadioButton

Constructeur

JRadioButton(String)

JRadioButton(String, boolean)

JRadioButton(Icon)

JRadioButton(String, Icon)

JRadioButton(String, Icon, boolean)

Rôle

précise l'intitulé du bouton radio

précise l'intitulé et l'état

spécifie l'icône utilisée

précise l'intitulé et l'icône

précise l'intitulé, une icône et l'état

ButtonGroup

La classe ButtonGroup permet de grouper (logiquement) des boutons qui sont

enregistrés dans le groupe à l'aide de la méthode add().

Si un bouton est inséré dans un groupe de boutons, la sélection de l'un d'eux

provoquera automatiquement la désélection de tous les autres membres du groupe

(permet de garantir une seule sélection parmi un choix d'options mutuellement

exclusives).

En principe, l'insertion dans un groupe de boutons devrait être réservée exclusivement

aux boutons de type JRadioButton.

ButtonGroup & JRadioButton : Exemple

public class TestRadio extends JPanel {

JRadioButton plat1 , plat2 , plat3;

ButtonGroup plat;

public TestRadio(){

plat1 = new JRadioButton("Tajine");

plat2 = new JRadioButton(" couscous");

plat3 = new JRadioButton(" Mechoui ",true);

plat = new ButtonGroup();

plat.add ( plat1);

plat.add ( plat2);

plat.add ( plat3);

this.add ( plat1);

this.add ( plat2);

this.add ( plat3);

this. setBorder( BorderFactory.

createTitledBorder(" Plat du jour"));

};

}

public class PlatDuJour{

public static void main( String [] args) {

JFrame fen = new JFrame ("Exemple de boutons radios"

TestRadio panneau = new TestRadio();

fen. setContentPane( panneau );

fen. pack ();

fen. setVisible( true);

}

}

Les listes de choix : JList

Le composant JList permet de présenter à l'utilisateur une liste d'éléments parmi

lesquels il peut en sélectionner un ou plusieurs.

Le composant JList affiche en permanence le contenu de la liste. Si tous les éléments ne

peuvent être affichés, il faut offrir une barre de défilement (JScrollPane) pour parcourir

les éléments de la liste

Les champs textes : JTextField

Un composant pour afficher, saisir et éditer une ligne de texte simple.

Importer javax.swing.JTextField

Constructeur

JTextField()

JTextField(int)

JTextField(String)

JTextField(String,int)

Méthodes :

Rôle

Création d’un champ texte

spécification du nombre de caractères à saisir

avec texte par défaut

avec texte par défaut et nombre de caractères à saisir.

 String getText( ) : lecture de la chaine saisie.

 Void setColumns () : Fixer la largeur du champ

 int getColumns( ) : lecture du nombre de caractères prédéfini

JTextField : Exemple

JPanel pan = new JPanel ();

JLabel lNom = new JLabel (" Entrez votre nom :");

JTextField tfNom = new JTextField();

tfNom. setColumns(15);

pan .add ( lNom);

pan .add ( tfNom);

Zone texte : JTextArea

Le composant JTextArea permet d’afficher un texte sur plusieurs lignes

Importer javax.swing.JTextArea

Constructeur

JTextArea()

JTextArea( int, int )

JTextArea( String )

JTextArea( String, int, int )

Rôle

avec spécification du nombre de lignes et de colonnes

avec texte par défaut

avec texte par défaut et taille

Méthodes

Void setLineWrap(boolean) : gère le retour à la ligne automatique

Void setEditable (boolean) : Pour rendre la zone de texte éditable ou pas

JTextArea : Exemple

JTextArea taNotes = new JTextArea();

taNotes.setColumns(20);

taNotes.setLineWrap(true);

taNotes . setText (" ISET de Bizerte est un établissement public à caractère

scientifique et technologique. Sa principale mission consiste à contribuer au

développement socio-économique et au transfert technologique dans la région de

Bizerte ainsi que le renforcement de l'employabilité et l’insertion professionnelle

des diplômés de l’enseignement supérieur. ");

taNotes . setEditable( false );

pan .add ( taNotes );

Les gestionnaires de présentation (Layout)

Les gestionnaires de présentation

Gère la disposition des composantes filles dans un conteneur

Les gestionnaires par défaut sont

BorderLayout pour

► Window

► Frame

► Dialog

FlowLayout pour

► Panel

► Applet

Gestionnaire d’évènements