Tutoriel 1 : créer une visionneuse d'imagesTutorial 1: Create a picture viewer

Dans ce didacticiel, vous générez un programme qui charge une image à partir d'un fichier et l'affiche dans une fenêtre.In this tutorial, you build a program that loads a picture from a file and displays it in a window. Vous apprenez à faire glisser des contrôles (par exemple, des boutons et des zones d'image) sur votre formulaire, définir leurs propriétés et utiliser des conteneurs pour redimensionner facilement le formulaire.You learn how to drag controls like buttons and picture boxes on your form, set their properties, and use containers to smoothly resize the form. Vous commencez également à écrire du code.You also get started writing code. Vous apprenez à :You learn how to:

  • Créer un nouveau projet.Create a new project.

  • Tester (déboguer) une application.Test (debug) an application.

  • Ajouter des contrôles de base, comme des cases à cocher et des boutons, à un formulaire.Add basic controls like check boxes and buttons to a form.

  • Positionner des contrôles sur un formulaire à l'aide de dispositions.Position controls on a form using layouts.

  • Ajouter des boîtes de dialogue Ouvrir un fichier et Couleur à un formulaire.Add Open File and Color dialog boxes to a form.

  • Écrire du code à l'aide d'IntelliSense et d'extraits de code.Write code using IntelliSense and code snippets.

  • Écrire des méthodes de gestionnaire d'événements.Write event handler methods.

    Lorsque vous aurez terminé, votre programme ressemblera à l'image suivante.When you finish, your program will look like the following picture.

    Image créée dans ce didacticiel Image créée dans ce didacticielPicture that you create in this tutorial Picture that you create in this tutorial

Pour télécharger une version complète de l’exemple, consultez la rubrique Exemple complet de visionneuse d’images du tutoriel.To download a completed version of the sample, see Complete picture viewer tutorial sample.

lien vers la vidéoPour obtenir une version vidéo de cette rubrique, consultez Guide pratique pour créer une visionneuse d’images en Visual Basic ou Guide pratique pour créer une visionneuse d’images en C#.link to videoFor a video version of this topic, see How do I: Create a picture viewer in Visual Basic? or How do I: Create a picture viewer in C#?.

Note

Ces vidéos utilisent une version antérieure de Visual Studio et présentent donc de légères différences quant à certaines commandes de menu et autres éléments d’interface utilisateur.These videos use an earlier version of Visual Studio, so there are slight differences in some menu commands and other user interface elements. Toutefois, les concepts et les procédures fonctionnent de façon similaire dans la version actuelle de Visual Studio.However, the concepts and procedures work similarly in the current version of Visual Studio. Visual C# et Visual Basic sont tous deux traités dans ce didacticiel. Ne tenez compte que des informations spécifiques au langage de programmation que vous utilisez.Visual C# and Visual Basic are both covered in this tutorial, so focus on information specific to the programming language that you're using.

Pour consulter le code pour Visual Basic, choisissez l’onglet VB en haut des blocs de code. Pour visualiser le code pour Visual C#, choisissez l’onglet C#. Si vous êtes intéressé par Visual C++, consultez Bien démarrer et Tutoriel du langage C++.To see code for Visual Basic, choose the VB tab at the top of code blocks, and to see code for Visual C#, choose the C# tab. If you're interested in learning about Visual C++, see Get started and C++ language tutorial.

Si vous souhaitez apprendre à développer des applications UWP Visual C# ou Visual Basic, consultez Créer des applications UWP.If you're interested in learning how to write Visual C# or Visual Basic UWP apps, see Build UWP apps.

TitreTitle DescriptionDescription
Étape 1 : créer un projet d’application Windows FormsStep 1: Create a Windows Forms application project Commencez par créer un projet d’application Windows Forms.Begin by creating a Windows Forms application project.
Étape 2 : exécuter votre programmeStep 2: Run your program Exécutez le programme d’application Windows Forms que vous avez créé dans l’étape précédente.Run the Windows Forms application program that you created in the previous step.
Étape 3 : définir les propriétés de votre formulaireStep 3: Set your form properties Modifiez l’apparence de votre formulaire à l’aide de la fenêtre Propriétés.Change the way your form looks using the Properties window.
Étape 4 : composer votre formulaire avec un contrôle TableLayoutPanelStep 4: Lay out your form with a TableLayoutPanel control Ajoutez un contrôle TableLayoutPanel à votre formulaire.Add a TableLayoutPanel control to your form.
Étape 5 : ajouter des contrôles à votre formulaireStep 5: Add controls to your form Ajoutez des contrôles à votre formulaire (notamment des contrôles PictureBox et CheckBox).Add controls, such as a PictureBox control and a CheckBox control, to your form. Ajoutez des boutons à votre formulaire.Add buttons to your form.
Étape 6 : affecter un nom à vos contrôles boutonStep 6: Name your button controls Renommez vos boutons en leur donnant des noms plus explicites.Rename your buttons to something more meaningful.
Étape 7 : ajouter des composants de dialogue à votre formulaireStep 7: Add dialog components to your form Ajoutez un composant OpenFileDialog et un composant ColorDialog à votre formulaire.Add an OpenFileDialog component and a ColorDialog component to your form.
Étape 8 : écrire du code pour le gestionnaire d’événements du bouton Afficher une imageStep 8: Write code for the show a picture button event handler Écrivez du code à l'aide de l'outil IntelliSense.Write code using the IntelliSense tool.
Étape 9 : examiner, commenter et tester votre codeStep 9: Review, comment, and test your code Vérifiez et testez votre code.Review and test your code. Ajoutez autant de commentaires que nécessaire.Add comments as needed.
Étape 10 : écrire du code pour les boutons supplémentaires et une case à cocherStep 10: Write code for additional buttons and a check box Écrivez du code à l'aide d'IntelliSense pour faire fonctionner d'autres boutons et une case à cocher.Write code to make other buttons and a check box work using IntelliSense.
Étape 11 : exécuter votre programme et tester d'autres fonctionnalitésStep 11: Run your program and try other features Exécutez votre programme et définissez la couleur d'arrière-plan.Run your program and set the background color. Essayez d'autres fonctionnalités, telles que la modification des couleurs, des polices et des bordures.Try other features, such as changing colors, fonts, and borders.