IntroductionEtape 5Etape 7Code source

Tutoriel : Construction d'une applet

Etape 6 : Modification du code source

Dans cette étape, vous ajouterez des langues à la liste déroulante, puis vous ajouterez des événements pour associer chaque panneau de langue au composant Choice.

  1. Ajoutez les langues de la liste déroulante à la méthode init() comme ceci :
    1. Cliquez sur l'onglet Source du volet contenu pour modifier le code source dans l'éditeur.
    2. Sélectionnez la méthode init() dans le volet structure. Le code de la méthode init() est en évidence dans l'éditeur.

      Astuce : Pour chercher une méthode dans le volet structure, cliquez dans le volet et tapez le nom de la méthode.

    3. Positionnez le curseur après l'accolade ouvrante et avant l'instruction try/catch puis appuyez sur Entrée pour créer une ligne vide supplémentaire.

      Astuce : Pour développer l'éditeur et cacher les volets projet et structure, sélectionnez Voir|Basculer le volet.

    4. Ajoutez à la méthode init() le bloc de code suivant mentionné en gras :
       //initialiser l'applet
        public void init() {
          choice1.addItem("Anglais");
          choice1.addItem("Allemand");
          choice1.addItem("Français");
          choice1.addItem("Suédois");
          choice1.addItem("Australien");
       
          try {
            jbinit();
          }
          catch(Exception e) {
            e.printStackTrace();
          }
        }
      

      Astuce : Utilisez l'audit de code pour écrire le code. Entrez choice1. et attendez la fenêtre surgissante ou appuyez sur Ctrl+barre d'espace pour l'appeler. Assurez-vous d'inclure le point (.) après choice. Utilisez les flèches de direction pour sélectionner addItem(String) dans la fenêtre surgissante. Appuyez sur Entrée. Vous pouvez configurer l'audit de code dans la boîte de dialogue Options de l'éditeur (Outils|Options de l'éditeur|Audit de code).

      Audit de code

    S'il y a des erreurs de syntaxe dans votre code, un dossier Erreurs apparaîtra dans le volet structure dès que vous taperez dans l'éditeur. Ouvrez ce dossier et sélectionnez le message d'erreur pour mettre l'erreur en évidence dans le code source.

    Voir aussi : "A propos des messages d'erreur et d'avertissement"

    Ensuite, vous allez connecter l'événement au choix de langue. Quand vous sélectionnez une langue dans le composant liste déroulante Choice , "Good Evening" apparaît dans le panneau cardLayout dans la langue sélectionnée.

  2. Connectez les événements à la liste Choice comme suit :
    1. Revenez dans le concepteur d'interface utilisateur.
    2. Sélectionnez choice1 sous upper dans l'arborescence des composants.
    3. Sélectionnez l'onglet Evénements dans l'inspecteur.
    4. Double-cliquez à droite de l'événement itemStateChanged. JBuilder génère le code de la méthode et vous positionne dans le code source, le curseur à l'intérieur de la méthode.
        void choice1_itemStateChanged(ItemEvent e) {
        }
      
    5. Ajoutez le code suivant indiqué en gras afin de connecter le bon panneau de langue au choix de langue :
        void choice1_itemStateChanged(ItemEvent e) {
          if ("Anglais".equals(choice1.getSelectedItem())){
            cardLayout1.show(lower, "panel1");
          }
          else if ("Allemand".equals(choice1.getSelectedItem())){
            cardLayout1.show(lower, "panel2");
          }
          else if ("Français".equals(choice1.getSelectedItem())){
            cardLayout1.show(lower, "panel3");
          }
          else if ("Suédois".equals(choice1.getSelectedItem())){
            cardLayout1.show(lower, "panel4");
          }
          else if ("Australien".equals(choice1.getSelectedItem())){
            cardLayout1.show(lower, "panel5");
          }
        }
      

      Astuce : Vous pouvez utiliser des modèles pour générer le code. Tapez if et appuyez sur Ctrl+J pour accéder à la fenêtre surgissante des modèles de code. Utilisez les flèches de direction pour naviguer entre les sélections. Sélectionnez le modèle if-else if et appuyez sur Entrée. Le code est généré :

        if () {
        }
        else if{
        }
      
  3. Choisissez Fichier|Tout enregistrer.
  4. Exécutez l'applet en cliquant avec le bouton droit sur GoodEveningApplet.html dans le volet projet puis en sélectionnant Exécuter.

    L'applet "Good Evening" s'exécute dans l'appletviewer de Sun.

    S'il y a des erreurs, elles s'affichent dans le volet message, en bas de l'AppBrowser. Sélectionnez un message d'erreur et appuyez sur F1 pour avoir de l'aide. Sélectionnez le message d'erreur pour mettre le code en évidence dans l'éditeur. Parfois, l'erreur peut être avant ou après la ligne de code en évidence. Corrigez ces erreurs, enregistrez le projet et exécutez à nouveau l'applet.

  5. Testez la liste déroulante. La langue sélectionné dans la liste doit correspondre au texte affiché dans le panneau qui est dessous.
  6. Quittez l'applet.

    Maintenant, ajoutez un événement bouton au button1 de panel5. Quand vous appuyez sur le bouton, le texte "Gudday, Mate" de label6 devient rouge.

  7. Ajoutez l'événement bouton comme ceci :
    1. Revenez dans le concepteur d'interface utilisateur.
    2. Sélectionnez button1 dans panel5. Changez dans l'inspecteur la propriété Label du bouton de button1 en Appuyer. Appuyez sur Entrée. Notez comment le bouton est automatiquement retaillé pour s'adapter au texte.
    3. Cliquez sur l'onglet Evénements de l'inspecteur pour définir ce qui se passe lorsqu'on appuie sur button1.
    4. Double-cliquez sur la colonne située à droite de l'événement ActionPerformed. JBuilder passe dans l'éditeur, où le squelette de code suivant a été ajouté pour l'événement ActionPerformed, juste au-dessous des instructions if-else if.
      void button1_actionPerformed(ActionEvent e) {
      }
      

      Astuce : Double-cliquer sur le bouton dans le concepteur produit le même effet.

      Maintenant, vous allez entrer le code définissant l'événement bouton qui fait passer "Gudday, Mate" en rouge.

    5. Tapez le code suivant indiqué en gras :
      void button1_actionPerformed(ActionEvent e) {
        label6.setForeground(new Color(255,0,0));
      }
      
  8. Enregistrez le projet.
  9. Exécutez l'applet et sélectionnez "Australien" dans la liste déroulante. Cliquez sur le bouton "Appuyer". "Gudday, Mate" doit devenir rouge.

    Votre applet doit maintenant ressembler à ceci :

  10. Quittez l'applet.

Présentation Etape 5 Etape 7 Code source