Tutoriel d'application C# Windows Forms avec exemple

Jusqu'à présent, nous avons vu comment travailler avec C# pour créer des applications basées sur une console. Mais dans un scénario réel, l'équipe utilise normalement Visual Studio et C# pour créer des formulaires Windows ou des applications Web.

Une application Windows Form est une application conçue pour s’exécuter sur un ordinateur. Il ne fonctionnera pas sur un navigateur Web car il deviendra alors une application Web.

Ce didacticiel se concentrera sur la façon dont nous pouvons créer des applications basées sur Windows. Nous apprendrons également quelques bases sur la façon de travailler avec les différents éléments de l’application Windows C#.

Notions de base sur les formulaires Windows

Une application Windows Forms est une application qui s’exécute sur l’ordinateur de bureau. Une application Windows Forms aura normalement une collection de contrôles tels que des étiquettes, du texteboxoui, liste boxes, etc.

Vous trouverez ci-dessous un exemple d’application de formulaire Windows simple en C#. Il affiche un simple écran de connexion, accessible par l'utilisateur. L'utilisateur entrera les informations d'identification requises, puis cliquera sur le bouton Connexion pour continuer.

Notions de base sur les formulaires Windows

Donc un exemple des contrôles disponibles dans l'application ci-dessus

  1. Il s'agit d'une collection de contrôles d'étiquette qui sont normalement utilisés pour décrire les contrôles adjacents. Donc dans notre cas, nous avons 2 textesboxes, et les étiquettes sont utilisées pour indiquer à l'utilisateur qu'un textebox est pour saisir le nom d'utilisateur et l'autre pour le mot de passe.
  2. Les 2 textesboxes sont utilisés pour contenir le nom d’utilisateur et le mot de passe qui seront saisis par l’utilisateur.
  3. Enfin, nous avons le contrôle des boutons. Le contrôle du bouton aura normalement du code attaché pour effectuer un certain ensemble d’actions. Ainsi, par exemple, dans le cas ci-dessus, nous pourrions demander au bouton d'effectuer une action de validation du nom d'utilisateur et du mot de passe saisis par l'utilisateur.

C# Bonjour tout le monde

Examinons maintenant un exemple de la façon dont nous pouvons implémenter une simple application « hello world » dans Visual Studio. Pour cela, nous devrons mettre en œuvre les étapes mentionnées ci-dessous

Étape 1) La première étape implique la création d'un nouveau projet dans Visual Studio. Après le lancement Visual Studio, vous devez choisir l'option de menu Nouveau->Projet.

C# Bonjour tout le monde

Étape 2) L'étape suivante consiste à choisir le type de projet en tant qu'application Windows Forms. Ici, nous devons également mentionner le nom et l'emplacement de notre projet.

C# Bonjour tout le monde

  1. Dans la boîte de dialogue du projet box, nous pouvons voir diverses options pour créer différents types de projets dans Visual Studio. Cliquez sur l'option Windows sur le côté gauche.
  2. Lorsque nous cliquons sur les options Windows à l’étape précédente, nous pourrons voir une option pour l’application Windows Forms. Cliquez sur cette option.
  3. Nous donnerons un nom à l'application. Dans notre cas, il s'agit de DemoApplication. Nous fournirons également un emplacement pour stocker notre application.
  4. Enfin, nous cliquons sur le bouton « OK » pour laisser Visual Studio créer notre projet.

Si les étapes ci-dessus sont suivies, vous obtiendrez le résultat ci-dessous dans Visual Studio.

Production:-

C# Bonjour tout le monde

Vous verrez un concepteur de formulaires affiché dans Visual Studio. C'est dans ce Form Designer que vous commencerez à créer votre application Windows Forms.

C# Bonjour tout le monde

Dans l'Explorateur de solutions, vous pourrez également voir la solution DemoApplication. Cette solution contiendra les 2 fichiers de projet ci-dessous

  1. Une application Form appelée Forms1.cs. Ce fichier contiendra tout le code de l'application Windows Form.
  2. Le programme principal appelé Program.cs est un fichier de code par défaut créé lors de la création d'une nouvelle application dans Visual Studio. Ce code contiendra le code de démarrage de l'application dans son ensemble.

Sur le côté gauche de Visual Studio, vous verrez également un outilBox. L'outilbox contient tous les contrôles qui peuvent être ajoutés à un Windows Forms. Des contrôles comme un texte box ou une étiquette ne sont que quelques-uns des contrôles qui peuvent être ajoutés à un Windows Forms.

Vous trouverez ci-dessous une capture d'écran de la façon dont l'outilbox ressemble à.

C# Bonjour tout le monde

Étape 3) Dans cette étape, nous allons maintenant ajouter une étiquette au formulaire qui affichera « Hello World ». De l'outilbox, vous devrez choisir le contrôle Label et simplement le faire glisser sur le formulaire.

C# Bonjour tout le monde

Une fois que vous avez fait glisser l'étiquette vers le formulaire, vous pouvez voir l'étiquette intégrée au formulaire, comme indiqué ci-dessous.

C# Bonjour tout le monde

Étape 4) L'étape suivante consiste à accéder aux propriétés du contrôle et à modifier le texte en « Hello World ».

Pour accéder aux propriétés d'un contrôle, vous devez cliquer avec le bouton droit sur le contrôle et choisir l'option de menu Propriétés.

C# Bonjour tout le monde

  • Le panneau des propriétés apparaît également dans Visual Studio. Donc pour le contrôle label, dans le contrôle propriétés, allez dans la section Texte et saisissez « Hello World ».
  • Chaque contrôle possède un ensemble de propriétés qui décrivent le contrôle.

C# Bonjour tout le monde

Si vous suivez toutes les étapes ci-dessus et exécutez votre programme dans Visual Studio, vous obtiendrez le résultat suivant.wing sortie

Production:-

C# Bonjour tout le monde

Dans la sortie, vous pouvez voir que le Windows Form est affiché. Vous pouvez également voir « Hello World » affiché sur le formulaire.

Ajout de contrôles à un formulaire

Nous avions déjà vu comment ajouter un contrôle à un formulaire lorsque nous avons ajouté le contrôle label dans la section précédente pour afficher « Hello World ».

Examinons les autres contrôles disponibles pour les formulaires Windows et voyons certaines de leurs propriétés communes.

Dans notre application de formulaire Windows dans les exemples C#, nous allons créer un formulaire qui aura la suitewing Fonctionnalité.

  1. La possibilité pour l'utilisateur de saisir son nom et son adresse.
  2. Une option pour choisir la ville dans laquelle réside l'utilisateur
  3. La possibilité pour l'utilisateur de saisir une option pour le sexe.
  4. Une option pour choisir un cours que l'utilisateur souhaite apprendre. Il y aura des choix pour C# et ASP.Net

Examinons donc chaque contrôle en détail et ajoutons-les pour créer le formulaire avec la fonctionnalité mentionnée ci-dessus.

Réservation de groupe Box

Un groupe box est utilisé pour regrouper logiquement les contrôles dans une section. Prenons un exemple si vous disposiez d'un ensemble de contrôles pour saisir details comme le nom et l'adresse d'une personne. Idéalement, ce sont details d'une personne, donc vous voudriez avoir ces details dans une section distincte du formulaire. A cet effet, vous pouvez constituer un groupe box. Voyons comment nous pouvons implémenter cela avec un exemple ci-dessous

Étape 1) La première étape consiste à faire glisser le groupebox contrôle sur le Windows Form à partir de l'outilbox comme indiqué ci-dessous

Ajout de contrôles à un formulaire

Étape 2) Une fois le groupebox a été ajouté, allez dans la fenêtre des propriétés en cliquant sur le groupebox contrôle. Dans la fenêtre des propriétés, accédez à la propriété Text et remplacez-la par « User Details ».

Ajout de contrôles à un formulaire

Une fois que vous aurez apporté les modifications ci-dessus, vous verrez ce qui suitwing sortie

Production:-

Ajout de contrôles à un formulaire

Dans le résultat, vous pouvez clairement voir que le groupebox a été ajouté au formulaire. Vous pouvez également voir que le texte du groupebox a été remplacé par « Utilisateur Details. »

Contrôle des étiquettes

Vient ensuite le contrôle d'étiquette. Le contrôle label permet d'afficher un texte ou un message à l'utilisateur sur le formulaire. Le contrôle label est normalement utilisé avec d’autres contrôles. Des exemples courants sont ceux où une étiquette est ajoutée avec le texte.box .

L'étiquette indique à l'utilisateur ce qu'il est prévu de remplir dans le textebox. Voyons comment nous pouvons implémenter cela avec un exemple ci-dessous. Nous ajouterons 2 étiquettes, l'une qui sera appelée « nom » et l'autre appelée « adresse ». Ils seront utilisés en conjonction avec le textebox contrôles qui seront ajoutés dans la section ultérieure.

Étape 1) La première étape consiste à faire glisser le contrôle d'étiquette sur le formulaire Windows à partir de l'outilbox comme indiqué ci-dessous. Assurez-vous de faire glisser le contrôle d'étiquette 2 fois afin que vous puissiez en avoir un pour le « nom » et l'autre pour « l'adresse ».

Ajout de contrôles à un formulaire

Étape 2) Une fois l'étiquette ajoutée, accédez à la fenêtre des propriétés en cliquant sur le contrôle d'étiquette. Dans la fenêtre des propriétés, accédez à la propriété Text de chaque contrôle d'étiquette.

Ajout de contrôles à un formulaire

Une fois que vous aurez apporté les modifications ci-dessus, vous verrez ce qui suitwing sortie

Production:-

Ajout de contrôles à un formulaire

Vous pouvez voir les contrôles d'étiquette ajoutés au formulaire.

Textebox

Un textebox est utilisé pour allowing un utilisateur pour saisir du texte sur l'application Windows en C#. Voyons comment nous pouvons implémenter cela avec un exemple ci-dessous. Nous ajouterons 2 textesboxes au formulaire, un pour le Nom et l'autre pour l'adresse à saisir pour l'utilisateur

Étape 1) La première étape consiste à faire glisser le textebox contrôle sur le Windows Form à partir de l'outilbox comme indiqué ci-dessous

Ajout de contrôles à un formulaire

Étape 2) Une fois le texte boxes ont été ajoutés, allez dans la fenêtre des propriétés en cliquant sur le textebox contrôle. Dans la fenêtre des propriétés, accédez à la propriété Nom et ajoutez un nom significatif à chaque textebox. Par exemple, nommez le textebox pour l'utilisateur comme txtName et celui pour l'adresse comme txtAddress. Une convention de dénomination et une norme devraient être élaborées pour les contrôles, car il devient plus facile d'ajouter des fonctionnalités supplémentaires à ces contrôles, ce que nous verrons plus tard.

Ajout de contrôles à un formulaire

Une fois que vous aurez apporté les modifications ci-dessus, vous verrez ce qui suitwing sortie

Production:-

Ajout de contrôles à un formulaire

Dans le résultat, vous pouvez clairement voir que le texteboxes a été ajouté au formulaire.

Liste box

Une listebox est utilisé pour présenter une liste d’éléments sur le formulaire Windows. Voyons comment nous pouvons implémenter cela avec un exemple ci-dessous. Nous ajouterons une liste box au formulaire pour stocker certains emplacements de la ville.

Étape 1) La première étape consiste à faire glisser la liste box contrôle sur le Windows Form à partir de l'outilbox comme indiqué ci-dessous

Ajout de contrôles à un formulaire

Étape 2) Une fois la liste box a été ajouté, allez dans la fenêtre des propriétés en cliquant sur la liste box .

Ajout de contrôles à un formulaire

  1. Tout d’abord, changez la propriété de la listebox box contrôle, dans notre cas, nous avons changé cela en lstCity
  2. Cliquez sur la propriété Articles. Cela vous permettra d'ajouter différents éléments qui peuvent apparaître dans la liste box. Dans notre cas, nous avons sélectionné les articles « collection ».
  3. Dans l'éditeur de collection de chaînes qui apparaît, entrez les noms des villes. Dans notre cas, nous avons entré « Mumbai », « Bangalore » et « Hyderabad ».
  4. Enfin, cliquez sur le bouton 'OK'.

Une fois que vous aurez apporté les modifications ci-dessus, vous verrez ce qui suitwing sortie

Production:-

Ajout de contrôles à un formulaire

Dans le résultat, vous pouvez voir que la listebox a été ajouté au formulaire. Vous pouvez également voir que la liste box a été rempli avec les valeurs de la ville.

Radiobutton

Un bouton radio est utilisé pour présenter une liste d'éléments parmi lesquels l'utilisateur peut en choisir un. Voyons comment nous pouvons implémenter cela avec un exemple ci-dessous. Nous ajouterons un bouton radio pour une option mâle/femelle.

Étape 1) La première étape consiste à faire glisser le contrôle « bouton radio » sur le formulaire Windows à partir de l'outilbox comme indiqué ci-dessous.

Ajout de contrôles à un formulaire

Étape 2) Une fois le Radiobutton ajouté, accédez à la fenêtre des propriétés en cliquant sur le contrôle Radiobutton.

Ajout de contrôles à un formulaire

  1. Tout d’abord, vous devez modifier la propriété text des deux commandes Radio. Accédez aux fenêtres de propriétés et changez le texte d'un bouton radio en mâle et le texte de l'autre en femelle.
  2. De même, modifiez la propriété name des deux commandes Radio. Allez dans la fenêtre des propriétés et changez le nom en « rdMale » d'un bouton radio et en « rdfemale » pour l'autre.

Une fois que vous effectuez les modifications ci-dessus, vous verrez ce qui suitwing sortie

Production:-

Ajout de contrôles à un formulaire

Vous verrez les boutons radio ajoutés au formulaire Windows.

Case à cocher

Un chèquebox est utilisé pour fournir une liste d'options dans lesquelles l'utilisateur peut choisir plusieurs choix. Voyons comment nous pouvons implémenter cela avec un exemple ci-dessous. Nous ajouterons 2 chèquesboxes à nos formulaires Windows. Ceux-ci vérifientboxes offrira à l’utilisateur la possibilité d’apprendre s’il souhaite apprendre C# ou ASP.Net.

Étape 1) La première étape consiste à faire glisser le chèquebox contrôle sur le Windows Form à partir de l'outilbox comme indiqué ci-dessous

Ajout de contrôles à un formulaire

Étape 2) Une fois le chèquebox a été ajouté, allez dans la fenêtre des propriétés en cliquant sur le bouton Vérifierbox .

Ajout de contrôles à un formulaire

Dans la fenêtre des propriétés,

  1. Tout d'abord, vous devez modifier la propriété text des deux chèquesbox contrôles. Accédez aux fenêtres de propriétés et modifiez le texte en C# et ASP.Net.
  2. De même, modifiez la propriété name des deux commandes Radio. Accédez aux fenêtres de propriétés et changez le nom en chkC d'un chèquebox et chkASP pour l'autre.

Une fois que vous aurez apporté les modifications ci-dessus, vous verrez ce qui suitwing sortie

Production:-

Ajout de contrôles à un formulaire

Bouton

Un bouton permet à l'utilisateur de cliquer sur un bouton qui lancerait alors le traitement du formulaire. Voyons comment nous pouvons implémenter cela avec un exemple ci-dessous. Nous ajouterons un simple bouton appelé « Soumettre » qui sera utilisé pour soumettre toutes les informations du formulaire.

Étape 1) La première étape consiste à faire glisser le contrôle bouton sur le formulaire Windows à partir de l'outilbox comme indiqué ci-dessous

Ajout de contrôles à un formulaire

Étape 2) Une fois le Bouton ajouté, accédez à la fenêtre des propriétés en cliquant sur le champ Bouton.

Ajout de contrôles à un formulaire

  1. Tout d’abord, vous devez modifier la propriété text du contrôle bouton. Accédez aux fenêtres de propriétés et modifiez le texte en « soumettre ».
  2. De même, modifiez la propriété name du contrôle. Accédez aux fenêtres de propriétés et changez le nom en « btnSubmit ».

Une fois que vous aurez apporté les modifications ci-dessus, vous verrez ce qui suitwing sortie

Production:-

Ajout de contrôles à un formulaire

Félicitations, vous avez maintenant votre premier Windows Form de base en place. Passons maintenant au sujet suivant pour voir comment nous pouvons gérer les événements pour les contrôles.

Gestion des événements C# pour les contrôles

Lorsque vous travaillez avec le formulaire Windows, vous pouvez ajouter des événements aux contrôles. Un événement est quelque chose qui se produit lorsqu'une action est effectuée. L’action la plus courante est probablement le clic sur un bouton d’un formulaire. Dans C# Windows Forms, vous pouvez ajouter du code qui peut être utilisé pour effectuer certaines actions lorsque vous appuyez sur un bouton du formulaire.

Normalement, lorsqu'on appuie sur un bouton sur un formulaire, cela signifie qu'un certain traitement doit avoir lieu.

Jetons un coup d'œil à l'un des événements et à la manière dont il peut être géré avant de passer au scénario d'événement de bouton.

L'exemple ci-dessous présentera un événement pour la Listebox contrôle. Ainsi, chaque fois qu'un élément est sélectionné dans la listebox contrôle, un message box devrait apparaître et afficher l'élément sélectionné. Faisons le suivantwing étapes pour y parvenir.

Étape 1) Double-cliquez sur la listebox dans le concepteur de formulaire. En faisant cela, Visual Studio ouvrira automatiquement le fichier de code du formulaire. Et il ajoutera automatiquement une méthode événementielle au code. Cette méthode événementielle sera déclenchée chaque fois qu'un élément de la listebox est sélectionné.

Gestion des événements C# pour les contrôles

Ci-dessus se trouve l'extrait de code qui est automatiquement ajouté par Visual Studio lorsque vous double-cliquez sur la liste. box contrôle sur le formulaire. Ajoutons maintenant la section de code ci-dessous à cet extrait de code, pour ajouter la fonctionnalité requise à la listebox un événement.

Gestion des événements C# pour les contrôles

  1. Il s'agit de la méthode du gestionnaire d'événements qui est automatiquement créée par Visual Studio lorsque vous double-cliquez sur la liste. box contrôle. Vous n'avez pas à vous soucier du complexité du nom de la méthode ou des paramètres passés à la méthode.
  2. Ici, nous obtenons le SelectedItem via la propriété lstCity.SelectedItem. N'oubliez pas que lstCity est le nom de notre listebox contrôle. Nous utilisons ensuite la méthode GetItemText pour obtenir la valeur réelle de l'élément sélectionné. Nous attribuons ensuite cette valeur à la variable texte.
  3. Enfin, nous utilisons le MessageBox méthode pour afficher la valeur de la variable texte à l’utilisateur.

Une fois que vous apportez les modifications ci-dessus et exécutez le programme dans Visual Studio, vous verrez ce qui suitwing sortie

Production:-

Gestion des événements C# pour les contrôles

À partir de la sortie, vous pouvez voir que lorsqu'un élément de la liste box est sélectionné, un message box apparaîtra. Cela affichera l'élément sélectionné dans la listebox.

Regardons maintenant le contrôle final qui est la méthode de clic sur le bouton. Encore une fois, cela suit la même chose philoSophie. Double-cliquez simplement sur le bouton dans le concepteur de formulaires et il ajoutera automatiquement la méthode pour le gestionnaire d'événements du bouton. Ensuite, il vous suffit d'ajouter le code ci-dessous.

Gestion des événements C# pour les contrôles

  1. Il s'agit de la méthode du gestionnaire d'événements qui est automatiquement créée par Visual Studio lorsque vous double-cliquez sur le contrôle du bouton. Vous n'avez pas à vous inquiéter sur le complexité du nom de la méthode ou des paramètres passés à la méthode.
  2. Ici, nous obtenons des valeurs saisies dans le texte du nom et de l'adressebox. Les valeurs peuvent être extraites de la propriété text du textebox. Nous attribuons ensuite les valeurs à 2 variables, nom et adresse en conséquence.
  3. Enfin, nous utilisons le MessageBox méthode pour afficher les valeurs de nom et d’adresse à l’utilisateur.

Une fois que vous apportez les modifications ci-dessus et exécutez le programme dans Visual Studio, vous verrez ce qui suitwing sortie

Production:-

Gestion des événements C# pour les contrôles

  1. Tout d’abord, entrez une valeur dans les champs Nom et Adresse.
  2. Cliquez ensuite sur le bouton Soumettre

Une fois que vous avez cliqué sur le bouton Soumettre, un message box apparaîtra, et il vous montrera correctement ce que vous avez entré dans le champ utilisateurtails .

Arbre et imageBox Control

Il y a 2 autres contrôles que nous pouvons examiner, l'un est le « Contrôle de l'arbre » et l'autre est le « Contrôle de l'image ». Examinons des exemples de la façon dont nous pouvons mettre en œuvre ces contrôles

Contrôle des arbres

– Le contrôle d’arborescence est utilisé pour répertorier les éléments sous forme d’arborescence. Le meilleur exemple est probablement celui où nous voyons l’Explorateur Windows lui-même. La structure des dossiers dans l'Explorateur Windows ressemble à une structure arborescente.

Voyons comment nous pouvons implémenter cela avec un exemple ci-dessous.

Étape 1) La première étape consiste à faire glisser le contrôle Tree sur le Windows Form à partir de l'outilbox comme indiqué ci-dessous

Arbre et imageBox Control

Étape 2) L'étape suivante consiste à commencer à ajouter des nœuds à la collection d'arborescences afin qu'elle puisse apparaître dans l'arborescence en conséquence. Tout d’abord, suivons les sous-étapes ci-dessous pour ajouter un nœud racine à la collection d’arborescences.

Arbre et imageBox Control

  1. Accédez à l'outil Propriétésbox pour le contrôle d’arborescence. Cliquez sur la propriété du nœud. Cela fera apparaître l'éditeur TreeNode
  2. Dans l'éditeur TreeNode, cliquez sur le bouton Ajouter une racine pour ajouter un nœud racine à la collection d'arborescences.
  3. Ensuite, modifiez le texte du nœud racine et fournissez le texte en tant que racine, puis cliquez sur le bouton « OK ». Cela ajoutera le nœud racine.

Étape 3) L'étape suivante consiste à commencer à ajouter les nœuds enfants à l'arborescence. Suivons les sous-étapes ci-dessous pour ajouter un nœud racine enfant à la collection d'arborescences.

Arbre et imageBox Control

  1. Tout d’abord, cliquez sur le bouton Ajouter un enfant. Cela vous permettra d'ajouter des nœuds enfants à la collection Tree.
  2. Pour chaque nœud enfant, modifiez la propriété text. Continuez à répéter l'étape précédente et cette étape et ajoutez 2 nœuds supplémentaires. Au final, vous aurez 3 nœuds comme indiqué ci-dessus, avec le texte comme Label, Button et Check.box respectivement.
  3. Cliquez sur le bouton OK

Une fois que vous avez effectué les modifications ci-dessus, vous verrez ce qui suitwing sortie.

Production:-

Arbre et imageBox Control

Vous pourrez voir l’arborescence ajoutée au formulaire. Lorsque vous exécutez l'application Windows Form, vous pouvez développer le nœud racine et voir les nœuds enfants dans la liste.

ImageBox Control

Ce contrôle est utilisé pour ajouter des images au Winforms C#. Voyons comment nous pouvons implémenter cela avec un exemple ci-dessous.

Étape 1) La première étape consiste à faire glisser l'imageBox contrôle sur le formulaire Windows C# à partir de l'outilbox comme indiqué ci-dessous

Arbre et imageBox Control

Étape 2) L'étape suivante consiste à joindre une image à l'image box contrôle. Cela peut être fait en suivantwing les étapes ci-dessous.

Arbre et imageBox Control

  1. Tout d’abord, cliquez sur la propriété Image pour l’imageBox contrôle. Une nouvelle fenêtre apparaîtra.
  2. Dans cette fenêtre, cliquez sur le bouton Importer. Ceci sera utilisé pour joindre une image à l'imagebox .
  3. Un dialogue box une fenêtre contextuelle dans laquelle vous pourrez choisir l'image à laquelle joindre la photobox
  4. Cliquez sur le bouton OK

Une fois que vous effectuez les modifications ci-dessus, vous verrez ce qui suitwing sortie

Production:-

Arbre et imageBox Control

À partir du résultat, vous pouvez voir qu'une image est affichée sur le formulaire.

Résumé

  • Un formulaire Windows dans une application C# est un formulaire qui s’exécute sur le bureau d’un ordinateur. Visual Studio Form avec C# peut être utilisé pour créer une application Windows Forms.
  • Des contrôles peuvent être ajoutés aux Windows Forms C# via l'outilbox dans Visual Studio. Contrôles tels que les étiquettes, vérifierboxdes boutons radio, etc. peuvent être ajoutés au formulaire via l'outilbox.
  • On peut également utiliser des contrôles avancés comme le contrôle d'arborescence et l'image.Box .
  • Les gestionnaires d'événements sont utilisés pour répondre aux événements générés à partir des contrôles. Le plus courant est celui ajouté pour l’événement cliqué sur le bouton.