tutoriel java swing checkbox a laide de netbeans

Tutoriel Java Swing CheckBox à l’aide de NetBeans

Dans ce didacticiel, vous apprendrez à utiliser les cases à cocher Java Swing à l’aide de NetBeans IDE. Cette application Java affichera quelques produits alimentaires avec leurs prix. L’utilisateur est invité à sélectionner les aliments à acheter. Lors de la sélection des aliments, le montant de la facture pour les aliments sélectionnés s’affichera comme indiqué dans la figure ci-dessous :

Figure 1

J’utilise NetBeans IDE pour créer une application Java. Pour créer cette application, suivez les étapes suivantes :

  1. Lancez NetBeans, sélectionnez l’option Fichier-> Nouveau projet.

  2. La boîte de dialogue Choisir un projet s’ouvrira. Parce que nous voulons créer une application de bureau Java, sélectionnez l’option « Java » dans le volet Catégories et l’option « Application Java » dans le volet Projets. Sélectionnez le bouton Suivant pour aller plus loin. La boîte de dialogue suivante demandera le nom et l’emplacement de l’application Java sur le lecteur où nous voulons créer l’application. Attribuons le nom « checkBoxDemoApp » à cette application Java et laissons l’emplacement être l’emplacement par défaut, comme indiqué dans la figure ci-dessous.

Figure 2

  1. Cliquez sur le bouton Terminer pour créer l’application. L’IDE NetBeans créera automatiquement un fichier de classe Java pour vous par son nom, CheckBoxDemoApp.java avec du code par défaut. La fenêtre Projets apparaîtra comme illustré ci-dessous :

figure 3

Pour créer une GUI (Graphical User Interface), nous utiliserons la boîte à outils Java Swing. Pour travailler avec la boîte à outils Java Swing, vous devez ajouter un formulaire JFrame à l’application. Par conséquent, cliquez avec le bouton droit sur le package, cochez la case demoapp dans le nœud Source Packages de la fenêtre Projects et sélectionnez l’option New-> JFrame Form dans le menu contextuel qui apparaît. Il vous sera demandé de spécifier le nom de la classe pour le nouveau formulaire JFrame. Entrons FastFood comme nom de classe. En gardant le reste des zones de texte dans la boîte de dialogue à leurs valeurs par défaut, cliquez sur le bouton Terminer pour créer un formulaire JFrame.

Figure 4

Un fichier de classe Java, le fichier FastFood.java sera ajouté au projet avec du code par défaut. La fenêtre Projets apparaîtra maintenant comme indiqué ci-dessous :

Figure 5

De plus, un formulaire JFrame vierge sera créé et ouvert dans la fenêtre de l’éditeur avec une barre d’outils contenant plusieurs boutons. Nous travaillerons principalement avec les deux boutons de barre d’outils suivants :

  • Conception – Ce bouton nous permettra de travailler avec des composants GUI. Nous pouvons faire glisser des composants GUI depuis la fenêtre Palette et les déposer sur le formulaire
  • La source – Ce bouton affichera le code source de la classe. Nous pouvons écrire du code Java pour n’importe quel composant, éditer, déboguer du code, etc. dans ce mode
Lire Aussi...  Bases du référencement pour WordPress

Dans cette application, nous aurons besoin de deux composants Label et de trois composants Check Box. Trois composants Check Box afficheront trois produits alimentaires avec leur prix. Sur les deux composants Label, un sera utilisé pour afficher le titre et le second composant Label sera utilisé pour afficher le montant de la facture des aliments sélectionnés.

Sélectionnez le formulaire JFrame, c’est-à-dire le fichier FastFood.java dans la fenêtre Projets, puis sélectionnez le bouton de la barre d’outils Conception dans l’onglet Éditeur. En mode Design, faites glisser un composant Label depuis la catégorie Swing Controls de la fenêtre Palette et déposez-le sur le formulaire JFrame. Répétez la procédure pour le deuxième composant Label. De même, faites glisser un composant Check Box de la catégorie Swing Controls et déposez-le sur le formulaire JFrame. Répétez la procédure pour deux autres cases à cocher, car nous voulons trois composants de case à cocher dans cette application. Pour augmenter la visibilité de ces composants GUI, nous devons augmenter leur taille de police. Donc, sélectionnez les cinq composants, c’est-à-dire Ctrl + cliquez sur chaque composant du formulaire JFrame et sélectionnez la propriété de police dans la fenêtre Propriétés. Sélectionnez la police et la taille souhaitées comme indiqué dans la figure ci-dessous :

Figure 6

Après avoir augmenté la taille de la police, positionnez les cinq composants pour qu’ils apparaissent comme indiqué dans la figure ci-dessous :

Figure 7

L’étape suivante consiste à modifier le texte de ces composants. Vous pouvez modifier le texte de n’importe quel composant de l’une des deux manières suivantes :

  • Cliquez avec le bouton droit sur le composant sur le formulaire JFrame et sélectionnez l’option Modifier le texte dans le menu contextuel qui apparaît. Vous pouvez écraser le texte du composant suivi en appuyant sur la touche Entrée

  • Cliquez sur le composant dans le formulaire JFrame et sélectionnez la propriété de texte dans la fenêtre Propriétés. Tapez la matière souhaitée dans la propriété text du composant.

En utilisant l’une des méthodes ci-dessus, modifions la propriété text des composants comme indiqué ci-dessous :

  • Définissez le texte du premier composant de l’étiquette sur « Sélectionner les aliments ».

  • Définissez le texte de la première case à cocher sur « Burger 5 $ »

  • Définissez le texte de la deuxième case à cocher sur « Hot Dog 7 $ »

  • Définissez le texte de la troisième case à cocher sur « Pizza 10 $ »

  • Supprimez la propriété text du deuxième composant Label car sa propriété text sera définie via le code Java. C’est à travers ce composant Label que nous afficherons le montant total de la facture des produits alimentaires sélectionnés.

Lire Aussi...  Tutoriel de développement de thème WooCommerce en 2018

Après avoir défini la propriété text des cinq composants, le formulaire JFrame apparaîtra comme indiqué ci-dessous :

Figure 8

Chacun des composants Java Swing que nous avons déposés sur le formulaire JFrame se voit attribuer un nom de variable par défaut tel que jLabel1, jLabel2, jCheckBox1, jCheckBox2, etc. Nous devons attribuer un nom de variable significatif à ces composants. Pour attribuer un nom de variable à n’importe quel composant, faites simplement un clic droit dessus et choisissez l’option Changer le nom de la variable dans le menu contextuel qui s’ouvre. Définissons le nom de la variable de la première Check Box sur jCheckBoxBurger, celui de la seconde Check Box sur jCheckBoxHotDog et celui de la troisième Check Box sur jCheckBoxPizza. Définissez également le nom de la variable du deuxième composant Label sur jLabelResponse.

Nous voulons que chaque fois que l’une des cases est cochée ou décochée, le montant de la facture de la case sélectionnée soit affiché.

Code d’écriture

Actuellement, nous sommes en mode Design et pour écrire du code, nous devons passer en mode Source. Pour passer en mode Source, cliquez sur le bouton de la barre d’outils Source dans la fenêtre de l’éditeur ou double-cliquez simplement sur n’importe quel composant Java Swing dans le formulaire JFrame. En double-cliquant sur le composant, vous serez redirigé vers le mode Source pour écrire du code pour ce composant. Nous allons commencer à écrire du code pour le composant jCheckBoxBurger. Donc, double-cliquez sur jCheckBoxBurger et vous serez redirigé vers le mode Source. Écrivez le code suivant :

int billAmount = 0 ;

vide privé jCheckBoxBurgerActionPerformed (java.awt.event.ActionEvent evt) {

si (jCheckBoxBurger.isSelected ()) {

montant_bill = montant_bill + 5 ;

} autre {

montant_facture = montant_facture-5 ;

}

jLabelResponse.setText (« Le montant de la facture est $ » + String.valueOf (billAmount));

}

Description du code ci-dessus

Vous définissez une variable entière globale appelée billAmount et l’initialisez à 0. La méthode jCheckBoxBurgerActionPerformed sera invoquée chaque fois qu’une action est effectuée sur le jCheckBoxBurger, c’est-à-dire chaque fois qu’il est coché ou décoché. Dans la méthode jCheckBoxBurgerActionPerformed, nous déterminons si la case à cocher est cochée ou non. Si la case est cochée, la valeur entière 5 est ajoutée à la variable billAmount. Si la case n’est pas cochée, la valeur 5 est soustraite de la variable billAmount.

Après avoir écrit le code pour jCheckBoxBurger, nous devons écrire le code pour jCheckBoxHotDog. Ainsi, à partir du mode Code, nous reviendrons au mode Conception en cliquant sur le bouton de la barre d’outils Conception dans la fenêtre de l’éditeur. Depuis le mode Design, double-cliquez sur le jCheckBoxHotDog et écrivez le code suivant dans la méthode jCheckBoxHotDogActionPerformed qui est automatiquement créée en mode Code :

vide privé jCheckBoxHotDogActionPerformed (java.awt.event.ActionEvent evt) {

Lire Aussi...  Le marketing numérique dans le monde d'aujourd'hui

si (jCheckBoxHotDog.isSelected ()) {

montant_bill = montant_bill + 7 ;

} autre {

montant_facture = montant_facture-7 ;

}

jLabelResponse.setText (« Le montant de la facture est $ » + String.valueOf (billAmount));

}

Encore une fois, revenez au mode Conception en cliquant sur le bouton de la barre d’outils Conception. Double-cliquez sur le jCheckBoxPizza et écrivez le code suivant en mode Code :

vide privé jCheckBoxPizzaActionPerformed (java.awt.event.ActionEvent evt) {

si (jCheckBoxPizza.isSelected ()) {

montant_bill = montant_bill + 10 ;

} autre {

montant_facture = montant_facture-10 ;

}

jLabelResponse.setText (« Le montant de la facture est $ » + String.valueOf (billAmount));

}

Après avoir écrit le code pour les trois cases à cocher, notre projet est prêt à être exécuté. Vous pouvez exécuter le projet en choisissant l’une des trois options suivantes :

  • Sélection du bouton de la barre d’outils Exécuter le projet dans la barre d’outils en haut

  • Appuyez sur la touche F6

  • Sélectionnez l’option Exécuter-> Exécuter le projet dans la barre de menus

Si vous exécutez le projet maintenant, vous n’obtiendrez aucune sortie car la classe principale du projet pour le moment est CheckBoxDemoApp.java et nous n’avons écrit aucun code dans ce fichier java. Donc, nous devons d’abord changer le fichier de classe principal. Donc, faites un clic droit sur le projet checkBoxDemoApp dans la fenêtre Projets et sélectionnez l’option Propriétés dans le menu contextuel qui apparaît. Dans la boîte de dialogue Propriétés, sélectionnez la catégorie Exécuter dans le volet Catégories. Dans la zone de texte Main Class, vous trouverez le texte, checkboxdemoapp.CheckBoxDemoApp qui confirme que lors de l’exécution du projet, le fichier CheckBoxDemoApp.java sera exécuté en premier. Modifiez le contenu de la zone de texte Main Class en checkboxdemoapp.FastFood pour indiquer que vous souhaitez que le fichier FastFood.java s’exécute en premier chaque fois que le projet est exécuté, comme indiqué dans la figure ci-dessous.

Figure 9

Vous êtes maintenant prêt à exécuter le projet. Lors de l’exécution du projet, vous obtiendrez les trois aliments suivants sous la forme de cases à cocher parmi lesquelles sélectionner. Sélectionnez n’importe quel nombre d’aliments et vous obtenez le montant de leur facture :

Figure 10

Vous pouvez télécharger le projet complet à partir du lien suivant : http://bmharwani.com/checkBoxDemoApp.zip

Comments are closed.