Étape 7 : ajouter des composants Dialog à votre formulaire

Dans cette étape, vous ajoutez les composants OpenFileDialog et ColorDialog à votre formulaire pour paramétrer des boîtes de dialogue Ouvrir un fichier et Couleur (permettant de choisir une couleur d'arrière-plan).

À certains égards, un composant est semblable à un contrôle.Vous utilisez la Boîte à outils pour ajouter un composant à votre formulaire, et vous définissez ses propriétés à l'aide de la fenêtre Propriétés.Mais contrairement à un contrôle, lorsque vous ajoutez un composant, il n'est pas visible dans votre formulaire.À la place, il permet d'utiliser des comportements que vous pouvez déclencher à l'aide de code.Un composant sert par exemple à ouvrir une boîte de dialogue Ouvrir un fichier.

Pour obtenir une version vidéo de cette rubrique, consultez Tutorial 1: Create a Picture Viewer in Visual Basic - Video 3 ou Tutorial 1: Create a Picture Viewer in C# - Video 3.

Pour ajouter des composants de boîte de dialogue à votre formulaire

1. Ouvrez le Concepteur Windows Forms et accédez au groupe Boîtes de dialogue dans la Boîte à outils.

   [!REMARQUE]

   Le groupe Boîtes de dialogue de la Boîte à outils contient des composants capables d'ouvrir de nombreuses boîtes de dialogue utiles (pour ouvrir et enregistrer des fichiers, parcourir des dossiers ou choisir des polices et des couleurs).Dans ce projet, vous utilisez deux composants de boîte de dialogue : OpenFileDialog et ColorDialog.

2. Pour ajouter un composant appelé openFileDialog1 à votre formulaire, double-cliquez sur OpenFileDialog.Pour ajouter un composant appelé colorDialog1 à votre formulaire, double-cliquez sur ColorDialog dans la Boîte à outils.(Vous l'utiliserez dans la prochaine étape de ce didacticiel.) Une zone grise, contenant une icône pour chacun des deux composants de boîte de dialogue que vous avez ajoutés, doit s'afficher en bas du Concepteur Windows Forms, comme indiqué dans l'image suivante.

   Composants de boîte de dialogue

   

3. Ouvrez le Concepteur Windows Forms et cliquez sur l'icône openFileDialog1 dans la zone grise en bas du concepteur.Définissez deux propriétés :

   • Affectez les valeurs suivantes à la propriété Filter (vous pouvez les copier et les coller) : Fichiers JPEG (*.jpg)|*.jpg|Fichiers PNG (*.png)|*.png|Fichiers BMP (*.bmp)|*.bmp|Tous les fichiers (*.*)|*.*

   • Affectez la valeur suivante à la propriété Title : Sélectionner un fichier image

   [!REMARQUE]

   Pour voir un exemple de la boîte de dialogue Ouvrir un fichier dans une application différente, ouvrez le Bloc-notes ou Paint, et dans le menu Fichier, cliquez sur Ouvrir.Notez la liste déroulante Types de fichiers qui se trouve en bas.Pour cette configuration, vous venez d'utiliser la propriété Filter dans le composant OpenFileDialog.Notez également que les propriétés Title et Filter sont écrites en gras dans la fenêtre Propriétés.L'IDE utilise ce style pour vous montrer toutes les propriétés dont les valeurs par défaut ont été modifiées.

Pour continuer ou examiner

• Pour passer à l'étape suivante du didacticiel, consultez Étape 8 : écrire du code pour le gestionnaire d'événements du bouton Afficher une image.

• Pour revenir à l'étape précédente du didacticiel, consultez Étape 6 : affecter un nom à vos contrôles bouton.