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
Pour 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 |
---|---|
Commencez par créer un projet d'application Windows Forms. |
|
Exécutez le programme d'application Windows Forms que vous avez créé dans l'étape précédente. |
|
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. |
Ajoutez des contrôles (par exemple, PictureBox et CheckBox) à votre formulaire.Ajoutez des boutons à votre formulaire. |
|
Renommez vos boutons en leur donnant des noms plus explicites. |
|
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. |
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. |