Corrections des exercices du livre "Java pour les enfants, les parents et les grand-parents"

IV. Chapitre 5▲

IV-A. Ajout d'un panneau opérations au code Calculatrice.java▲

Rien de très compliqué.

Pour la disposition du nouveau panneau, j'ai utilisé un GridLayout avec quatre lignes et une colonne. On peut utiliser d'autres layouts à la place, mais pour moi le GridLayout est le plus simple à utiliser dans ce cas de figure.

Voici le code modifié :

Calculatrice

Cacher/Afficher le codeSélectionnez

import java.awt.BorderLayout;
import java.awt.GridLayout;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;

public class Calculatrice {
    // Declaration de tous les composants de la calculatrice.
    JPanel contenuFenetre;
    JTextField champAffichage;
    JButton bouton0;
    JButton bouton1;
    JButton bouton2;
    JButton bouton3;
    JButton bouton4;
    JButton bouton5;
    JButton bouton6;
    JButton bouton7;
    JButton bouton8;
    JButton bouton9;
    JButton boutonVirgule;
    JButton boutonEgale;
    JPanel panneauChiffres;
    
    JButton boutonPlus;
    JButton boutonMoins;
    JButton boutonMultiplie;
    JButton boutonDivise;
    JPanel panneauOperations;

    // Le constructeur cree les composants en mémoire
    //et les ajoute au cadre en utilisant une combinaison
    //de Borderlayout et Gridlayout
    Calculatrice() {
        contenuFenetre = new JPanel();
        //Affecte un gestionnaire de presentation à ce panneau
        BorderLayout dispositionl = new BorderLayout();
        contenuFenetre.setLayout(dispositionl);
        //Cree le champ d'affichage et le positionne dans
        //la zone nord de la fenetre
        champAffichage = new JTextField(30);
        contenuFenetre.add("North", champAffichage);
        //Cree les boutons en utilisant le constructeur de
        //la classe JButton qui prend en parametre le libelle
        //du bouton
        bouton0 = new JButton("0");
        bouton1 = new JButton("1");
        bouton2 = new JButton("2");
        bouton3 = new JButton("3");
        bouton4 = new JButton("4");
        bouton5 = new JButton("5");
        bouton6 = new JButton("6");
        bouton7 = new JButton("7");
        bouton8 = new JButton("8");
        bouton9 = new JButton("9");
        boutonVirgule = new JButton(",");
        boutonEgale = new JButton("=");

        //Cree le panneau avec le quadrillage qui contient
        //les 12 boutons ? les 10 boutons numeriques et ceux
        //representant la virgule et le signe egale
        panneauChiffres = new JPanel();
        GridLayout disposition2 = new GridLayout(4, 3);
        panneauChiffres.setLayout(disposition2);
        //Ajoute les controles au panneau panneauChiffres
        panneauChiffres.add(bouton1);
        panneauChiffres.add(bouton2);
        panneauChiffres.add(bouton3);
        panneauChiffres.add(bouton4);
        panneauChiffres.add(bouton5);
        panneauChiffres.add(bouton6);
        panneauChiffres.add(bouton7);
        panneauChiffres.add(bouton8);
        panneauChiffres.add(bouton9);
        panneauChiffres.add(bouton0);
        panneauChiffres.add(boutonVirgule);
        panneauChiffres.add(boutonEgale);
        //Ajoute panneauChiffres a la zone centrale de la
        //fenetre
        contenuFenetre.add("Center", panneauChiffres);
        
        // Cree le panneau operations
        // Il contiendra les operateurs +, -, *, /
        panneauOperations = new JPanel();
        // Une grille de 4 lignes * 1 colonne
        // suffit pour placer les 4 boutons
        // Mais rien ne nous aurais empeche
        // de prendre un autre Layout adapté.
        // (GridBagLayout par exemple)
        GridLayout disposition3 = new GridLayout(4,1);
        panneauOperations.setLayout(disposition3);
        // Creation des boutons operations
        boutonPlus = new JButton("+");
        boutonMoins = new JButton("-");
        boutonMultiplie = new JButton("*");
        boutonDivise = new JButton("/");
        // Ajout des boutons operations
        panneauOperations.add(boutonPlus);
        panneauOperations.add(boutonMoins);
        panneauOperations.add(boutonMultiplie);
        panneauOperations.add(boutonDivise);
        // Ajout du panneau a la zone est
        // du contenu de la fenetre
        contenuFenetre.add(panneauOperations, BorderLayout.EAST);
        
        
        
        //Cree le cadre et lui affecte son contenu
        JFrame frame = new JFrame("Calculatrice");
        frame.setContentPane(contenuFenetre);
        //Affecte a la fenetre des dimensions suffisantes pour
        //prendre en compte tous les controles
        frame.pack();
        //Enfin, affiche la fenetre
        frame.setVisible(true);
    }
    
    public static void main(String[] args) {
        Calculatrice calc = new Calculatrice();
    }

}

Et voici un aperçu de ce que l'on obtient (suivant votre système d'exploitation, l'apparence sera légèrement différente. L'application tente de réutiliser au maximum l'apparence classique du système) :

Image non disponible — Aperçu de la nouvelle version de la calculatrice

IV-B. Alignement de l'écran de la calculatrice à droite▲

Le premier réflexe que vous devez avoir lorsque vous ne savez pas (ou doutez) comment utiliser un composant, une classe standard de Java : consulter la javadoc. C'est donc le cas pour les composants SWING/AWT.

En effet, dans le chapitre 4, vous avez appris que l'outil javadoc vous permet de réaliser vos propres documentations pour vos classes, en respectant un certain standard. Eh bien l'ensemble des classes déjà intégrées à Java a aussi sa documentation Javadoc. Elle est consultable en ligne, sur le Web, mais vous pouvez aussi la télécharger.

La première chose à vérifier, c'est que la documentation que vous consultez correspond à la version de votre JDK : si c'est le JDK 1.5, il vous faudra la javadoc 5. Pour le JDK 1.6 il vous faudra la javadoc 6. Ainsi de suite.

Si vous voulez juste consulter en ligne la javadoc 5 : tapez java 5 api, depuis le moteur de recherche Google et accédez au lien qui vous est proposé.

Par contre, pour télécharger la javadoc 5 : il suffit de taper donwload javadoc 5. Ensuite cliquez sur le lien, zone de gauche, download java se documentation.

Voici donc comment utiliser la javadoc :

La zone en haut à gauche répertorie les différents packages, la zone en bas à gauche répertorie les classes du package sélectionné dans la zone en haut à gauche et la zone centrale affiche les informations de la classe choisie.

Cliquez sur All Classes dans la zone de packages (pour disposer de l'ensemble des classes, au cas où vous auriez déjà cliqué sur autre chose). Puis cliquez sur JTextField dans la zone des classes.

Un résumé du fonctionnement d'un JTextField est alors donné, avant les spécifications techniques en elles-mêmes (Constructeurs, Méthodes voire variables d'instances ou statiques.). Ici ce qui nous intéresse, c'est une méthode pour aligner le contenu à droite.

La méthode setHorizontalAlignement() est ce qu'il nous faut : cliquez sur le lien dans la liste des méthodes. On nous dit qu'il suffit de l'appeler en passant une valeur telle que JTextField.LEFT, JTextField.CENTER, JTextField.RIGHT,…

Il suffit donc tout simplement d'appeler :

Alignement horizontal du texte

Sélectionnez

champAffichage.setHorizontalAlignment(JTextField.RIGHT);

lors de la création du composant JTextField champAffichage. Comme vous pouvez le remarquer, la valeur RIGHT est une valeur statique de la classe JTextField.

Placez ce code entre la déclaration de champAffichage et son ajout au JPanel contenuFenetre.

IV-C. Exercice pour les petits malins▲

Là non plus, pas grand chose de compliqué.

Vous remarquerez tout de même que pour l'ajout des boutons au panneau de la fenêtre, je procède différemment. Je commence par ajouter les boutons 1à 9 à l'aide d'une boucle for, puis j'ajoute le bouton 0. Ceci afin de rester cohérent avec ce qui était déjà réalisé auparavant.

Si vous ajoutez tous les boutons avec juste une seule boucle de 0 à 9, vous aurez quelque chose de similaire à :

Donc le bouton 0 est mal placé.

Voici donc le code de la nouvelle version (la classe s'appelle Calculatrice_2 au lieu de Calculatrice) :

Calculatrice_2

Cacher/Afficher le codeSélectionnez

import java.awt.BorderLayout;
import java.awt.GridLayout;
import java.text.DecimalFormat;

import javax.swing.JButton;
import javax.swing.JFormattedTextField;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;
import javax.swing.SwingConstants;
import javax.swing.text.NumberFormatter;

public class Calculatrice_2 {
    // Declaration de tous les composants de la calculatrice.
    JPanel contenuFenetre;
    JTextField champAffichage;
    JButton [] boutonsChiffres = new JButton[10];
    JButton boutonVirgule;
    JButton boutonEgale;
    JPanel panneauChiffres;
    
    JButton boutonPlus;
    JButton boutonMoins;
    JButton boutonMultiplie;
    JButton boutonDivise;
    JPanel panneauOperations;

    // Le constructeur cree les composants en mémoire
    //et les ajoute au cadre en utilisant une combinaison
    //de Borderlayout et Gridlayout
    Calculatrice_2() {
        
        
        
        contenuFenetre = new JPanel();
        //Affecte un gestionnaire de presentation à ce panneau
        BorderLayout dispositionl = new BorderLayout();
        contenuFenetre.setLayout(dispositionl);
        //Cree le champ d'affichage et le positionne dans
        //la zone nord de la fenetre
        champAffichage = new JTextField();
        champAffichage.setColumns(30);
        champAffichage.setHorizontalAlignment(SwingConstants.RIGHT);
        
        contenuFenetre.add("North", champAffichage);
        //Cree les boutons en utilisant le constructeur de
        //la classe JButton qui prend en parametre le libelle
        //du bouton
        for (int numeroBouton = 0; numeroBouton < 10; numeroBouton++){
            boutonsChiffres[numeroBouton] = new JButton(Integer.toString(numeroBouton));
        }
        boutonVirgule = new JButton(",");
        boutonEgale = new JButton("=");

        //Cree le panneau avec le quadrillage qui contient
        //les 12 boutons ? les 10 boutons numeriques et ceux
        //representant la virgule et le signe egale
        panneauChiffres = new JPanel();
        GridLayout disposition2 = new GridLayout(4, 3);
        panneauChiffres.setLayout(disposition2);
        //Ajoute les controles au panneau panneauChiffres
        for (int numeroBouton = 1; numeroBouton < 10; numeroBouton++){
            panneauChiffres.add(boutonsChiffres[numeroBouton]);
        }
        panneauChiffres.add(boutonsChiffres[0]);
        panneauChiffres.add(boutonVirgule);
        panneauChiffres.add(boutonEgale);
        //Ajoute panneauChiffres a la zone centrale de la
        //fenetre
        contenuFenetre.add("Center", panneauChiffres);
        
        // Cree le panneau operations
        // Il contiendra les operateurs +, -, *, /
        panneauOperations = new JPanel();
        // Une grille de 4 lignes * 1 colonne
        // suffit pour placer les 4 boutons
        // Mais rien ne nous aurais empeche
        // de prendre un autre Layout adapté.
        // (GridBagLayout par exemple)
        GridLayout disposition3 = new GridLayout(4,1);
        panneauOperations.setLayout(disposition3);
        // Creation des boutons operations
        boutonPlus = new JButton("+");
        boutonMoins = new JButton("-");
        boutonMultiplie = new JButton("*");
        boutonDivise = new JButton("/");
        // Ajout des boutons operations
        panneauOperations.add(boutonPlus);
        panneauOperations.add(boutonMoins);
        panneauOperations.add(boutonMultiplie);
        panneauOperations.add(boutonDivise);
        // Ajout du panneau a la zone est
        // du contenu de la fenetre
        contenuFenetre.add(panneauOperations, BorderLayout.EAST);
        
        
        
        //Cree le cadre et lui affecte son contenu
        JFrame frame = new JFrame("Calculatrice");
        frame.setContentPane(contenuFenetre);
        //Affecte a la fenetre des dimensions suffisantes pour
        //prendre en compte tous les controles
        frame.pack();
        //Enfin, affiche la fenetre
        frame.setVisible(true);
    }
    
    public static void main(String[] args) {
        Calculatrice_2 calc = new Calculatrice_2();
    }

}

IV-D. Synthèse▲

Ainsi vous avez su :

créer votre propre panneau de contenus et l'intégrer à l'ensemble existant. De plus, vous êtes resté cohérents dans la disposition graphique de la calculatrice ;
rechercher des informations sur la javadoc officielle afin d'utiliser des composants / des fonctionnalités qui n'ont pas été présentées lors du cours ;
ajouter des composants de manière plus dynamique : vous avez remplacé la création de 10 boutons ligne par ligne, par l'utilisation d'un tableau et d'une boucle for.

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2012 Laurent Bernabé. Aucune reproduction, même partielle, ne peut être faite de ce site ni de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.