Comment afficher une boîte de dialogue en cliquant sur un bouton plus
Apprenez à modifier les propriétés d'un label photo et à créer un bouton plus pour afficher une boîte de dialogue modale.
Introduction
Organiser son travail
L'interface de netbeans minimum
Pour commencer
Deviner un nombre tiré au hasard
Communiquer et traiter des données
Faire des tests
Compter et concaténer






Programmer avec des fonctions
Construire une interface graphique conviviale







Afficher plusieurs photos sur des lignes et des colonnes
Programmer en orienté objet







Ajouter de l'interactivité
Afficher un jeu de 2 fois 24 cartes
Mélanger les cartes
Ajouter de l'interactivité
Créer une fenêtre de dialogue
Carnet d'adresse
Module 1









Module 2
Module 3
Module 4









Module 5
Extraits gratuits
Détails de la leçon
Description de la leçon
Avant d'examiner comment afficher la boîte de dialogue en cliquant sur un bouton plus, nous allons dans un premier temps modifier les propriétés du label photo, de façon à afficher une photo qui invitera l'utilisateur à cliquer dessus. Pour cela, nous cliquons droit sur le label, nous choisissons l'item properties et dans la fenêtre de propriétés qui apparaît, je vais importer dans le projet une photo que j'ai appelée ici modifiée png, une photo qui indiquera à l'utilisateur qu'il est possible de cliquer dessus pour sélectionner une nouvelle photo.
Nous allons maintenant ajouter dans l'application principale le bouton plus qui va nous permettre d'ajouter un contact à notre liste. Pour cela, je vais placer un bouton depuis la palette, mettre le terme plus sur le bouton, ce bouton je vais l'appeler plus btn et je vais ajouter une action, je vais ajouter un événement, action performed, au sein duquel je vais placer le code qui va me permettre d'afficher la boîte de dialogue. Pour cela, je vais écrire des instructions relativement complexes en m'inspirant du code situé dans la page source à l'intérieur de la méthode showAboutBox j'ai écrit les instructions dans la méthode plus btn action performed, les instructions qui vont afficher la boîte de dialogue de saisie des informations à propos du contact à ajouter.
La première instruction a pour objectif de récupérer l'adresse de la fenêtre principale. Connaissant cette adresse, la fenêtre de dialogue de saisie est créée, puis elle est positionnée relativement à la fenêtre principale, donc la boîte de dialogue est positionnée relativement à la fenêtre principale et enfin la boîte de dialogue est affichée. La difficulté ici se situe dans le fait que nous travaillons non plus sur une fenêtre simple mais sur une fenêtre d'application puisque le carnet d'adresse est créé sous la forme d'une application de bureau. La boîte de saisie est créée par l'intermédiaire du constructeur de la classe saisie, ce constructeur demande en second paramètre un booléen qui va déterminer si la boîte de saisie sera modale ou non. Nous avons choisi de mettre true, ce qui a pour conséquence de créer une fenêtre de saisie modale. Voyons à l'exécution ce que cela signifie. Le bouton plus est maintenant présent en bas de page de l'application. Lorsque je clique dessus, la fenêtre saisie info s'affiche. Le fait que la fenêtre de saisie soit modale signifie que je ne peux pas retourner à mon application tant que je n'ai pas validé les informations saisies au sein du formulaire.
Objectifs de cette leçon
L'objectif de cette vidéo est de montrer comment modifier un label photo et créer un bouton permettant d'afficher une boîte de dialogue modale afin d'ajouter des contacts dans une application de bureau.
Prérequis pour cette leçon
Avoir des connaissances de base en développement d'applications de bureau et en manipulation des interfaces utilisateur.
Métiers concernés
Les compétences démontrées dans cette vidéo peuvent être appliquées dans des métiers tels que développeur d'applications de bureau, ingénieur logiciel, et développeur UI/UX.
Alternatives et ressources
Des alternatives peuvent inclure d'autres frameworks de développement d'applications de bureau comme Qt ou GTK+.
Questions & Réponses
