Share via


Didacticiel 1 : créer une visionneuse d'images

Dans ce didacticiel, vous générez un programme qui charge une image à partir d'un fichier et l'affiche dans une fenêtre.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.Vous commencez également à écrire du code.Vous apprenez à :

  • Création d'un nouveau projet.

  • Tester (déboguer) une application.

  • Ajouter des contrôles de base, comme des cases à cocher et des boutons, à un formulaire.

  • Positionner des contrôles sur un formulaire à l'aide de dispositions.

  • Ajouter des boîtes de dialogue Ouvrir un fichier et Couleur à un formulaire.

  • Écrire du code à l'aide d'IntelliSense et d'extraits de code.

  • Écrire des méthodes de gestionnaire d'événements.

Lorsque vous aurez terminé, votre programme ressemblera à l'image suivante.

Image créée dans ce didacticiel

Image créée dans ce didacticiel

lien vers la vidéoPour obtenir une version vidéo de cette rubrique, consultez How Do I: Create a Picture Viewer in Visual Basic? ou How Do I: Create a Picture Viewer in C#?.

[!REMARQUE]

Ce didacticiel aborde Visual C# et Visual Basic : ne tenez compte que des informations spécifiques au langage de programmation que vous utilisez.

Rubriques connexes

Titre

Description

Étape 1 : créer un projet d'application Windows Forms

Commencez par créer un projet d'application Windows Forms.

Étape 2 : exécuter votre programme

Exécutez le programme d'application Windows Forms que vous avez créé dans l'étape précédente.

Étape 3 : définir les propriétés de votre formulaire

Modifiez l'apparence de votre formulaire à l'aide de la fenêtre Propriétés.

Étape 4 : composer votre formulaire avec un contrôle TableLayoutPanel

Ajoutez un contrôle TableLayoutPanel à votre formulaire.

Étape 5 : ajouter des contrôles à votre formulaire

Ajoutez des contrôles (par exemple, PictureBox et CheckBox) à votre formulaire.Ajoutez des boutons à votre formulaire.

Étape 6 : affecter un nom à vos contrôles bouton

Renommez vos boutons en leur donnant des noms plus explicites.

Étape 7 : ajouter des composants Dialog à votre formulaire

Ajoutez un composant OpenFileDialog et un composant ColorDialog à votre formulaire.

Étape 8 : écrire du code pour le gestionnaire d'événements du bouton Afficher une image

Écrivez du code à l'aide de l'outil IntelliSense.

Étape 9 : examiner, commenter et tester votre code

Vérifiez et testez votre code.Ajoutez autant de commentaires que nécessaire.

Étape 10 : écrire du code pour les boutons supplémentaires et une case à cocher

Écrivez du code à l'aide d'IntelliSense pour faire fonctionner d'autres boutons et une case à cocher.

Étape 11 : exécuter votre programme et tester d'autres fonctionnalités

Exécutez votre programme et définissez la couleur d'arrière-plan.Essayez d'autres fonctionnalités, telles que la modification des couleurs, des polices et des bordures.