Graphique avec Java Swing – SIBY INFORMATIQUE

1 – Introduction au Bibliothèque Graphique Java Swing

Java Swing constitue l’une des plus récentes bibliothèque graphique et la plus utilisée pour le langage Java, Java Swing fait partie du package Java Foundation Classes (JFC) qui elle même fait partie de J2SE.

2 – Première Fenêtre avec Java Swing

Dans ce tutoriel nous allons montrer comment créer une fenêtre avec la classe JFrame qui se trouve dans la bibliothèque Javax.Swing.

Pour ce faire nous devons préalablement importer la bibliothèque javax.swing.JFrame; et faire ensuite l’instanciation sur la classe JFrame pour créer une fenêtre.

import javax.swing.JFrame;
public class maFenetre {
	
  public static void main(String[] args) {
		JFrame f=new JFrame();
		}
}

Ce qui n’affiche rien après exécution bien sûr, puisqu’on a pas invoquer la méthode setVisible( ) qui permet de visualiser la fenêtre. On peut donc améliorer le code en ajoutant cette dernière et celle qui définit les dimensions de la façon suivante :

import javax.swing.JFrame;
public class maFenetre {
	
  public static void main(String[] args) {
		JFrame f=new JFrame();
	    f.setVisible(true);
	    f.setTitle("Une Fenetre tout simplement");
	    f.setSize(400,200);
		}
}

Ce qui affiche une fenêtre de taille 400 x 200 :

Afin de pouvoir améliorer la classe JFrame il vaut mieux créer une sous classe via l’instruction extends !

import javax.swing.JFrame;
public class maFenetre extends JFrame{
	//création du constructeur
  public maFenetre(){
//Titre de la fenêtre
this.setTitle("Ma propre fenêtre");
  }
}

Maintenant pour créer et afficher la fenêtre nous devons :

Créer une méthode afficher( ) permettant d’afficher la fenêtre
Créer une méthode main( ) pour instancier la classe maFenêtre et afficher l’objet fenêtre

import javax.swing.JFrame;
public class maFenetre extends JFrame{
	//création du constructeur
  public maFenetre(){
this.setTitle("Ma propre fenêtre");
  }
  //création de la fonction d'affichage
  public void afficher(){
	  this.setVisible(true);
  }
  public static void main(String[] args) {
		maFenetre f=new maFenetre();
	    f.afficher();
		}
}

En exécutant ce code vous obtenez une petite fenêtre de dimensions nulles, par ce qu’on a pas préciser ses dimensions

Nous pouvons maintenant améliorer le code en ajoutant au constructeur, les dimensions de la fenêtre :

this.setSize(largeur en pixels , hauteur en pixel);

Exemple

import javax.swing.JFrame;
public class maFenetre extends JFrame{
	//création du constructeur
  public maFenetre(){
// Titre de la fenêtre	  
this.setTitle("Ma propre fenêtre");
// dimensions de la fenêtre :
this.setSize(300, 200);
  }
  //création de la fonction d'affichage
  public void afficher(){
	  this.setVisible(true);
  }
  public static void main(String[] args) {
		maFenetre f=new maFenetre();
	    f.afficher();
		}
}

Ce qui affiche après exécution, une fenêtre de taille 300 x 200

3 – Les conteneurs Java Swing ( Swing Containers )

Les composants Swing dans lesquels sont incorporés les composants de la GUI comme par exemple : JFrame, JDialog, JPanel, JScrollPane…sont appelé les conteneurs Swing ( Swing containers en anglais)

4 – Les composants Java Swing

Les composants de la bibliothèque Swing presque identiques à ceux de Awt :

JButton
JLabel
JTextArea
JTextField
JRadioButton
JCheckBox
JPasswordField
JComboBox
JList
JScrollBar

5 – Ajout de composants Swing à la fenêtre

5 – 1 – Ajout d’un bouton

Avant d’ajouter un bouton à une fenêtre il faut préalablement créer un panneau ( Panel ) en faisant une instanciation sur la classe JPanel et d’associer le contenu de ce panel à la fenêtre via l’instruction :


fenêtre.setContentPane(panel);

Voici le code :

JFrame f=new JFrame("Ma Fenêtre");
f.setSize(500, 400);
JPanel pan=new JPanel();
f.setContentPane(pan);

Explication : dans ce code on créer une fenêtre nommée f contenant un panel nommé pan

A e moment là il est temps de créer un bouton à l’aide d’une instanciation sur la classe JButton :

JButton b=new JButton("Voici un Bouton");

Le bouton ne sera pas visible à ce moment là ! Il va falloir l’ajouter à la fenêtre f l’aide de la méthode :

f.getContentPane().add(b);

Voici le code final :

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
public class AppGaphique {
	public static void main(String[] args) {
	JFrame f=new JFrame("Ma Fenêtre");
	f.setSize(500, 400);
	JPanel pan=new JPanel();
	f.setContentPane(pan);
	//ajout de bouton
	JButton b=new JButton("Voici un Bouton");
	f.getContentPane().add(b);
	f.setVisible(true);
	} }

Ce qui affiche après exécution :

Java JButton La classe JButton sert à créer un bouton étiqueté qui a une implémentation indépendante de la plate-forme. L'application entraîne une action lorsque le bouton est poussé. Il hérite de la classe AbstractButton. Déclaration de classe JButton Voyons la déclaration de la classe javax.swing.JButton. Classe publique JButton étend les outils AbstractButton accessibles

Remarque

On ajoute les autres composants Label, TextField… de la même façon en faisant une instanciation sur les classes JLabel, JTextField…

6 – Les événements Java Swing

Exemple avec ActionListener appliquer à JButton

monBouton.addActionListener(new ActionListener(){  
public void actionPerformed(ActionEvent e){  
   [ensemble d'actions ici ]  
        }  
    });

Exemple

import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
public class AppGaphique {
	public static void main(String[] args) {
	JFrame f=new JFrame("Ma Fenêtre");
	f.setSize(500, 400);
	JPanel pan=new JPanel();
	f.setContentPane(pan);
	//ajout de bouton
	JButton b=new JButton("Voici un Bouton");
	f.getContentPane().add(b);
	JLabel l=new JLabel("");
	f.getContentPane().add(l);
	f.setVisible(true);
	b.addActionListener(new ActionListener(){  
		public void actionPerformed(ActionEvent e){  
		            l.setText("J'ai cliqué sur le bouton");  }  
		    });  
	} 
}

Ce qui affiche après exécution et après avoir cliqué sur le bouton :

EventListener interfaces allow you to define processing in response to user events generated by a component. A class must contain an auditory interface for each type of event to be processed: ActionListener: mouse click or press Enter ItemListener: Using a list or check box MouseMotionListener: mouse event WindowListener: Window Event

5 – Le composant JTable

Dans cette partie, nous allons voir comment créer un tableau pour afficher des données tabulaires en utilisant la classe JTable au sein de la bibliothèque Java swing. La classe JTable représente le composant Swing table. JTable offre une fonctionnalité riche pour gérer l’apparence et le comportement du composant table. JTable étend directement JComponent et implémente plusieurs interfaces d’auditeurs de modèles telles que TableModelListener, TableColumnModelListener, ListSelectionListener … etc. JTable implémente également une interface défilable; par conséquent, le tableau est généralement placé dans un JScrollPane.

Chaque JTable comporte trois modèles :

TableModel
TableColumnModel
ListSelectionModel.

TableModel : est utilisé pour spécifier comment les données de la table sont stockées et la récupération de ces données. Les données de JTable sont souvent en structure bidimensionnelle telle qu’un tableau à deux dimensions ou un vecteur de vecteurs. TableModel est également utilisé pour spécifier comment les données peuvent être modifiées dans la table.

TableColumnModel : est utilisé pour gérer tout TableColumn en terme de sélection de colonne, d’ordre de colonne et de taille de marge.

ListSelectionModel : permet au tableau d’avoir un mode de sélection différent, tel qu’un sélecteur unique, un intervalle unique et plusieurs sélections d’intervalles.
Nous pouvons créer une table en utilisant ses constructeurs comme suit:

Constructeurs JTable	Description
JTable()	Création d’une table vide
JTable(int rows, int columns)	Création d’une table avec des lignes et des colonnes avec cellules vides.
JTable(Object[][] data, Object[] heading)	Création d’une table avec les données spécifiées du tableau bidimensionnel et l’en-tête de la colonne
JTable(TableModel dm)	Création d’une table avec le modèle TableModel
JTable(TableModel dm, TableColumnModel cm)	Création d’une table avec les modèles TableModel et TableColumnModel.
JTable(TableModel dm,TableColumnModel cm, ListSelectionModel sm)	Créez une table avec les modèles TableModel, TableColumnModel, et ListSelectionModel.
JTable(Vector data, Vector heading)	Création d’une table avec vector of Vectors data et column headings headin.

Exemple

Nous verrons ici un exemple d’utilisation de JTable pour afficher les achats de matériels informatiques :

Nous commençons par spécifier l’en-tête de colonne dans le tableau des colonnes.
Nous utilisons ensuite des données de tableau bidimensionnel pour stocker des données.
Nous créons ensuite une instance de JTable en transmettant les données du tableau et l’en-tête de colonne au constructeur.
Enfin, nous plaçons la table JScrollPane et l’ajoutons au cadre principal.

package JTableTest;

import javax.swing.*;
import java.awt.*;

public class MainClass {
 
	    public static void main(String[] args) {
	        final JFrame frame = new JFrame("JTable Demo");
	        
        String[] columns = {"id", "Matérièl Informatiques ", "Quantité"};

            Object[][] data = {
        {1,"PC ","30"},
        {2,"Tabettes","45"},
        {3, "Imprimantes", "10"}
};          
	        
	        JTable table = new JTable(data, columns);
	        JScrollPane scrollPane = new JScrollPane(table);
	        JLabel lblHeading = new JLabel("Achat de matériels informatiques");
	        lblHeading.setFont(new Font("Arial",Font.TRUETYPE_FONT,20));
	        frame.getContentPane().setLayout(new BorderLayout());
	        frame.getContentPane().add(lblHeading,BorderLayout.PAGE_START);
	        frame.getContentPane().add(scrollPane,BorderLayout.CENTER);
	        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	        frame.setSize(450, 250);
	        frame.setVisible(true);
	    }
	}

En exécutant le code ci-dessus vous obtenez la fenêtre suivante :

Post Views: 21