L’interface graphique : Java swing

1. Introduction à Java Swing

Qu’est-ce que Java Swing ?

Swing est une bibliothèque graphique de Java qui permet de créer des interfaces graphiques
(GUI). Elle fait partie du Java Foundation Classes (JFC).
 Swing repose sur AWT (Abstract Window Toolkit), mais est plus puissante et flexible.
 Elle est "lightweight", donc indépendante du système d'exploitation.

Principaux composants Swing :

Composant Description
JFrame La fenêtre principale
JPanel Un conteneur pour organiser d’autres composants
JLabel Affiche un texte
JButton Bouton cliquable
JTextField Champ de texte
JTextArea Zone de texte multiline
JCheckBox Case à cocher
JRadioButton Bouton radio
JComboBox Liste déroulante
JTable Tableau de données

Premier exemple : Fenêtre avec un label

package com.java.swing;

import javax.swing.JFrame;
import javax.swing.JLabel;

public class HelloSwing {

public static void main(String[] args) {

// Créer la fenêtre
JFrame frame = new JFrame("Ma première fenêtre");
frame.setSize(300, 200); // taille : largeur x hauteur
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

// Ajouter un label
JLabel label = new JLabel("Bonjour le monde !");
frame.add(label);

// Afficher la fenêtre
frame.setVisible(true);

}
}
On aura le résultat suivant :

Mme BENSIDI AHMED 1

 L’interface graphique : Java swing

Explication :

 JFrame est la fenêtre principale.

 setDefaultCloseOperation permet de fermer le programme en cliquant sur la croix.
 add(label) ajoute le composant au centre de la fenêtre.
 setVisible(true) rend la fenêtre visible.

Exercice pratique 1 :

Crée une application qui :

 Affiche une fenêtre 400x300
 Contient un JLabel avec ton nom
 Change le titre de la fenêtre

2. Boutons et Champs de texte

Exemple : Affichage d’un message saisi

package com.java.swing;

import java.awt.GridLayout;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JTextField;
import javax.swing.SwingConstants;

public class HelloSwing {

public static void main(String[] args) {
JFrame frame = new JFrame("Saisie utilisateur");
frame.setSize(400, 200);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

// Layout vertical
frame.setLayout(new GridLayout(3, 1));

// Champ de texte

Mme BENSIDI AHMED 2

 L’interface graphique : Java swing

JTextField champNom = new JTextField();

// Label vide
JLabel labelMessage = new JLabel("", SwingConstants.CENTER);

// Bouton
JButton boutonValider = new JButton("Afficher le nom");

// Action quand on clique sur le bouton

boutonValider.addActionListener(e -> {
String nom = champNom.getText();
labelMessage.setText("Bonjour " + nom + " !");
});

// Ajout des composants

frame.add(champNom);
frame.add(boutonValider);
frame.add(labelMessage);

frame.setVisible(true);
}
}

Le résultat est le suivant :

Exercice pratique 2 :

Crée une interface qui :

 Affiche un champ de saisie pour un âge
 Affiche un message différent si la personne a moins de 18 ans ou plus

3. Layouts (Dispositions)

Pourquoi utiliser des layouts ?

Sans layout, tous les composants se superposent. Les layouts permettent d’organiser les
composants dans la fenêtre.

Layouts les plus courants :

Mme BENSIDI AHMED 3

 L’interface graphique : Java swing

Layout Description
FlowLayout Aligne les composants à la suite (par défaut)
Divise la fenêtre en 5 zones (NORTH, SOUTH, EAST, WEST,
BorderLayout
CENTER)
GridLayout Grille avec lignes et colonnes
BoxLayout Empile verticalement ou horizontalement

Exemple : BorderLayout

package com.java.swing;

import java.awt.BorderLayout;
import javax.swing.JButton;
import javax.swing.JFrame;

public class HelloSwing {

public static void main(String[] args) {
JFrame frame = new JFrame("BorderLayout");
frame.setSize(400, 300);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

frame.setLayout(new BorderLayout());

frame.add(new JButton("Nord"), BorderLayout.NORTH);

frame.add(new JButton("Sud"), BorderLayout.SOUTH);
frame.add(new JButton("Est"), BorderLayout.EAST);
frame.add(new JButton("Ouest"), BorderLayout.WEST);
frame.add(new JButton("Centre"), BorderLayout.CENTER);

frame.setVisible(true);

}
}

Le résultat est :

Exemple : GridLayout

Mme BENSIDI AHMED 4

 L’interface graphique : Java swing

package com.java.swing;

import java.awt.GridLayout;
import javax.swing.JButton;
import javax.swing.JFrame;

public class HelloSwing {

public static void main(String[] args) {
JFrame frame = new JFrame("GridLayout");
frame.setSize(300, 200);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

frame.setLayout(new GridLayout(2, 2)); // 2 lignes, 2 colonnes

frame.add(new JButton("1"));
frame.add(new JButton("2"));
frame.add(new JButton("3"));
frame.add(new JButton("4"));

frame.setVisible(true);
}
}

On aura :

Exercice pratique 3 :

Crée une interface avec :

 2 champs de texte (nom, prénom)
 1 bouton "Afficher"
 1 JLabel en dessous pour afficher "Bonjour Nom Prénom !"
 Utilise un GridLayout 3x1 pour organiser ça verticalement

4. Gestion des événements avancés

Mme BENSIDI AHMED 5

 L’interface graphique : Java swing

Les événements Swing les plus utilisés

Listener Utilisé pour...

ActionListener Boutons, menus
ItemListener Cases à cocher, listes déroulantes
KeyListener Clavier
MouseListener Clics souris
ChangeListener Curseurs, barres de progression

Exemple : ActionListener sur plusieurs boutons

package com.java.swing;

import java.awt.Color;
import java.awt.FlowLayout;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;

public class HelloSwing {

public static void main(String[] args) {
JFrame frame = new JFrame("Choix de couleur");
frame.setSize(300, 150);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setLayout(new FlowLayout());

JLabel label = new JLabel("Choisissez une couleur");

JButton rouge = new JButton("Rouge");

JButton bleu = new JButton("Bleu");

rouge.addActionListener(e -> label.setForeground(Color.RED));

bleu.addActionListener(e -> label.setForeground(Color.BLUE));

frame.add(label);
frame.add(rouge);
frame.add(bleu);

frame.setVisible(true);
}
}

On aura :

Mme BENSIDI AHMED 6

 L’interface graphique : Java swing

Exemple : ItemListener pour une JCheckBox

package com.java.swing;

import java.awt.FlowLayout;
import java.awt.event.ItemEvent;
import javax.swing.JCheckBox;
import javax.swing.JFrame;
import javax.swing.JLabel;

public class HelloSwing {

public static void main(String[] args) {
JFrame frame = new JFrame("CheckBox");
frame.setSize(300, 100);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

JCheckBox caseBox = new JCheckBox("Afficher message");

JLabel label = new JLabel("");

caseBox.addItemListener(e -> {
if (e.getStateChange() == ItemEvent.SELECTED) {
label.setText("Case cochée !");
} else {
label.setText("");
}
});

frame.setLayout(new FlowLayout());
frame.add(caseBox);
frame.add(label);
frame.setVisible(true);

}
}

On aura comme résultat

Mme BENSIDI AHMED 7

 L’interface graphique : Java swing

Exercice pratique 4 :

Crée une interface avec :

 Une JComboBox contenant 3 pays (ex : Algérie, France, Canada)
 Un JLabel qui affiche "Vous avez choisi : [Pays]"

5. Dialogues et menus

Les dialogues avec JOptionPane

Méthode Utilité
showMessageDialog Affiche un message
showConfirmDialog Oui / Non / Annuler
showInputDialog Saisie de texte
showOptionDialog Choix personnalisé

Exemple : Message simple

package com.java.swing;

import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JOptionPane;

public class HelloSwing {

public static void main(String[] args) {
// Créer la fenêtre principale
JFrame frame = new JFrame("Exemple JOptionPane");
frame.setSize(300, 200);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setLayout(null); // Utilisation du positionnement absolu

// Créer un bouton
JButton button = new JButton("Afficher message");
button.setBounds(70, 60, 150, 30);

// Ajouter un écouteur d'événement

button.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
// Afficher la boîte de message
JOptionPane.showMessageDialog(null, "Opération réussie !");
}
});

// Ajouter le bouton à la fenêtre

frame.add(button);
// Rendre la fenêtre visible

Mme BENSIDI AHMED 8

 L’interface graphique : Java swing

frame.setVisible(true);
}
}

Le résultat sera :

Exemple : Confirmation

package com.java.swing;

import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JOptionPane;

public class HelloSwing {

public static void main(String[] args) {

// Créer la fenêtre principale

JFrame frame = new JFrame("Exemple ConfirmDialog");
frame.setSize(300, 200);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setLayout(null);

// Créer un bouton "Quitter"

JButton quitterButton = new JButton("Quitter");
quitterButton.setBounds(100, 70, 100, 30);

// Ajouter l'action au clic

quitterButton.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
int choix = JOptionPane.showConfirmDialog(
null,
"Voulez-vous quitter ?",

Mme BENSIDI AHMED 9

 L’interface graphique : Java swing

"Confirmation",
JOptionPane.YES_NO_OPTION
);

if (choix == JOptionPane.YES_OPTION) {
System.exit(0);
}
}
});

// Ajouter le bouton à la fenêtre

frame.add(quitterButton);

// Afficher la fenêtre
frame.setVisible(true);
}
}

On aura :

Menus avec JMenuBar

package com.java.swing;

import javax.swing.JFrame;
import javax.swing.JMenu;
import javax.swing.JMenuBar;
import javax.swing.JMenuItem;
import javax.swing.JOptionPane;

public class HelloSwing {

public static void main(String[] args) {
JFrame frame = new JFrame("Menu exemple");
frame.setSize(400, 200);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

Mme BENSIDI AHMED 10

 L’interface graphique : Java swing

// Barre de menu
JMenuBar menuBar = new JMenuBar();

// Menu principal
JMenu menuFichier = new JMenu("Fichier");

// Éléments du menu
JMenuItem itemNouveau = new JMenuItem("Nouveau");
JMenuItem itemQuitter = new JMenuItem("Quitter");

// Action sur "Quitter"

itemQuitter.addActionListener(e -> {
int confirm = JOptionPane.showConfirmDialog(frame, "Quitter l'application ?");
if (confirm == JOptionPane.YES_OPTION) {
frame.dispose();
}
});

// Construction du menu
menuFichier.add(itemNouveau);
menuFichier.add(itemQuitter);
menuBar.add(menuFichier);

// Ajout à la fenêtre
frame.setJMenuBar(menuBar);
frame.setVisible(true);
}
}

On aura :

Exercice pratique 5 :

Crée une fenêtre avec :

 Un bouton "Aide"
 Lorsqu'on clique, une boîte de dialogue (JOptionPane) s’affiche avec une phrase
d’aide

6. Tableaux (JTable) et gestion des données

Mme BENSIDI AHMED 11

 L’interface graphique : Java swing

Qu’est-ce que JTable ?

JTable permet d’afficher des données en colonnes et lignes, comme un petit tableau Excel.

Exemple simple avec JTable

package com.java.swing;

import javax.swing.JFrame;
import javax.swing.JScrollPane;
import javax.swing.JTable;

public class HelloSwing {

public static void main(String[] args) {

JFrame frame = new JFrame("Exemple de JTable");
frame.setSize(400, 200);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

// En-têtes
String[] colonnes = {"Nom", "Prénom", "Âge"};

// Données
Object[][] donnees = {
{"Youssef", "Ali", 24},
{"Sarah", "Ben", 30},
{"Nour", "Ahmed", 21}
};

// Création de la JTable
JTable table = new JTable(donnees, colonnes);

// Ajouter dans un JScrollPane pour le scroll

JScrollPane scrollPane = new JScrollPane(table);
frame.add(scrollPane);

frame.setVisible(true);
}
}

On aura :

Astuce : Le JScrollPane permet de scroller si le tableau devient trop grand.

Mme BENSIDI AHMED 12

 L’interface graphique : Java swing

Exemple avec ajout dynamique (modèle)

Pour des actions dynamiques (ajouter/supprimer), on utilise le DefaultTableModel.

package com.java.swing;

import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JOptionPane;
import javax.swing.JScrollPane;
import javax.swing.JTable;
import javax.swing.JTextField;
import javax.swing.table.DefaultTableModel;

public class HelloSwing {

public static void main(String[] args) {
// Créer la fenêtre
JFrame frame = new JFrame("JTable avec DefaultTableModel");
frame.setSize(500, 300);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setLayout(null);

// Définir les colonnes

String[] columnNames = {"ID", "Nom", "Filière"};

// Créer le modèle de table

DefaultTableModel model = new DefaultTableModel(columnNames, 0);

// Ajouter quelques lignes au modèle

model.addRow(new Object[]{"1", "Alice", "Informatique"});
model.addRow(new Object[]{"2", "Bob", "Mathématiques"});

// Créer la JTable à partir du modèle

JTable table = new JTable(model);

// Mettre la table dans un JScrollPane

JScrollPane scrollPane = new JScrollPane(table);
scrollPane.setBounds(20, 20, 450, 150);

// Champ de saisie pour ajouter une nouvelle ligne

JTextField idField = new JTextField();
idField.setBounds(20, 180, 50, 25);

JTextField nomField = new JTextField();

nomField.setBounds(80, 180, 150, 25);

Mme BENSIDI AHMED 13

 L’interface graphique : Java swing

JTextField filiereField = new JTextField();

filiereField.setBounds(240, 180, 150, 25);

JButton addButton = new JButton("Ajouter");

addButton.setBounds(400, 180, 80, 25);

// Action du bouton "Ajouter"

addButton.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
String id = idField.getText();
String nom = nomField.getText();
String filiere = filiereField.getText();

if (!id.isEmpty() && !nom.isEmpty() && !filiere.isEmpty()) {

model.addRow(new Object[]{id, nom, filiere});
idField.setText("");
nomField.setText("");
filiereField.setText("");
} else {
JOptionPane.showMessageDialog(frame, "Veuillez remplir tous les champs.");
}
}
});

// Ajouter les composants à la fenêtre

frame.add(scrollPane);
frame.add(idField);
frame.add(nomField);
frame.add(filiereField);
frame.add(addButton);

// Afficher la fenêtre
frame.setVisible(true);
}
}

On aura :

Exercice pratique 6 :

Mme BENSIDI AHMED 14

 L’interface graphique : Java swing

Crée une fenêtre avec une JTable qui affiche une liste de livres :
 Colonnes : Titre, Auteur, Année
 3 lignes de livres en données

7. Projet complet — Mini gestion de contacts

Objectif :

Construire une application complète Swing qui permet de :

 Ajouter des contacts (nom, téléphone, email)
 Afficher les contacts dans une JTable
 Réinitialiser les champs

Structure du projet

 JTextField pour les entrées

 JButton pour ajouter et réinitialiser
 JTable avec DefaultTableModel pour les données

Exercice final :

Crée cette interface en Swing avec :

 Trois JTextField (nom, téléphone, email)
 Un bouton "Ajouter" qui insère une ligne dans la table
 Un bouton "Réinitialiser" qui vide les champs

Mme BENSIDI AHMED 15