Obtention des choix de l'utilisateur : utilisation des cases à cocher et des cases d'option
Mise à jour : novembre 2007
Dans cette leçon, vous apprendrez comment utiliser des cases à cocher et des cases d'option pour présenter et récupérer les choix de l'utilisateur.
Lorsque vous créez l'interface utilisateur de votre programme, vous avez souvent besoin d'un moyen de proposer des choix. Par exemple, supposons que vous ayez conçu une application pour saisir les commandes d'une pizzeria ; vous souhaitez permettre aux utilisateurs de sélectionner un ou plusieurs ingrédients. Le contrôle CheckBox constitue une représentation visuelle qui facilite cette possibilité.
Le contrôle CheckBox se compose d'une étiquette de texte et d'une case que l'utilisateur peut sélectionner. Lorsque l'utilisateur clique sur la case, une coche s'y affiche. Si la case est à nouveau activée, la coche est supprimée. La propriété CheckBox.Checked permet de récupérer l'état de la case à cocher. Si la case présente une coche, la propriété retourne la valeur True. Si aucune coche ne s'affiche, la propriété retourne la valeur False.
Essayez !
Pour utiliser des cases à cocher
Dans le menu Fichier, cliquez sur Nouveau projet.
Dans la boîte de dialogue Nouveau projet, dans le volet Modèles, cliquez sur Application Windows.
Dans la zone Nom, tapez UserChoices, puis cliquez sur OK.
Un nouveau projet Windows Forms s'ouvre.
À partir de la Boîte à outils, faites glisser un contrôle Button et trois contrôles CheckBox dans le formulaire.
Dans la fenêtre Propriétés, modifiez la propriété Text des cases à cocher Checkbox1, CheckBox2 et CheckBox3 pour leur attribuer respectivement les valeurs Cheese, Peppers et Mushrooms.
Dans la fenêtre Propriétés, modifiez la propriété Text du contrôle Button1 pour qu'elle affiche Order Pizza.
Dans le formulaire, double-cliquez sur le bouton pour ouvrir le gestionnaire d'événements Button1_Click dans l'éditeur de code.
Ajoutez le code suivant au gestionnaire d'événements Button1_Click :
Dim toppings As String = "" If CheckBox1.Checked = True Then toppings &= "Cheese " End If If CheckBox2.Checked = True Then toppings &= "Peppers " End If If CheckBox3.Checked = True Then toppings &= "Mushrooms" End If If toppings <> "" Then MsgBox("Your pizza has the following toppings: " & toppings) End IfAppuyez sur F5 pour exécuter le programme. Lorsque le formulaire s'affiche, sélectionnez des ingrédients, puis cliquez sur le bouton. Un message qui indique votre choix d'ingrédients s'affiche.
Utilisation de cases d'option pour faire des choix mutuellement exclusifs
Vous venez d'apprendre comment permettre à un utilisateur de choisir des options. Mais comment faire pour que l'utilisateur choisisse une seule des options proposées ? Dans ce cas, vous pouvez utiliser le contrôle RadioButton.
Contrairement aux cases à cocher, les cases d'option fonctionnent toujours en groupe. La sélection d'une case d'option désactive instantanément toutes les autres cases d'option du groupe. La présence d'un groupe de cases d'option indique à l'utilisateur qu'il ne peut faire qu'un seul choix parmi ceux qui lui sont proposés.
Vous pouvez utiliser des groupes de contrôles RadioButton pour permettre à l'utilisateur de choisir parmi plusieurs options exclusives. Par exemple, vous pouvez permettre aux utilisateurs de choisir une sauce normale ou une sauce épicée sur leur pizza, mais pas les deux. Comme dans le cas du contrôle CheckBox, vous pouvez obtenir des informations sur l'état du contrôle RadioButton à partir de la propriété RadioButton.Checked.
Pour utiliser des cases d'option
À partir de la Boîte à outils, faites glisser deux contrôles RadioButton dans le formulaire.
Dans la fenêtre Propriétés, attribuez à la propriété Text de l'élément RadioButton1 la valeur RegularSauce.
Attribuez à la propriété Checked de l'élément RadioButton1 la valeur True.
.gif "Conseil")
Conseil :Lorsque vous définissez un groupe de choix, vous devez systématiquement définir un choix comme valeur par défaut.
Dans la fenêtre Propriétés, affectez la valeur Spicy Sauce à la propriété Text de RadioButton2.
Dans le formulaire, double-cliquez sur le bouton pour ouvrir le gestionnaire d'événements Button1_Click dans l'éditeur de code.
Dans le gestionnaire d'événements Button1_Click, ajoutez le code suivant :
If RadioButton1.Checked = True Then MsgBox("You chose regular sauce") Else MsgBox("You chose spicy sauce") End IfAppuyez sur F5 pour exécuter le programme. Choisissez l'une des cases d'option, puis cliquez sur le bouton Order Pizza. Un message indiquant votre choix s'affiche.
Essayez de sélectionner les deux cases d'option en même temps. Remarquez que les cases d'option sont exclusives. Lorsque vous cliquez sur l'une d'elles, l'autre est automatiquement désactivée.
Étapes suivantes
Dans cette leçon, vous avez appris comment utiliser les contrôles CheckBox et RadioButton pour permettre à l'utilisateur de faire des choix dans l'interface utilisateur. À ce stade, vous pouvez passer à la leçon suivante Affichage d'images : utilisation du contrôle PictureBox, ou apprendre comment créer plusieurs groupes de cases d'option avec Présentation détaillée : utilisation de plusieurs groupes de cases d'option. Si vous choisissez la deuxième possibilité, vous devez enregistrer votre projet UserChoices, car vous l'utiliserez dans la leçon suivante.