Comment créer votre première application Windows Forms (Winforms) dans Visual Studio

Windows Forms est un framework disponible dans Visual Studio qui vous permet de créer des applications de bureau à l'aide d'une interface utilisateur graphique. Cela vous permet de cliquer et de faire glisser des widgets tels que des boutons ou des étiquettes directement sur un canevas, et de manipuler les propriétés de chaque widget telles que sa taille de police, sa couleur ou sa bordure.

Dans cet article, un simple convertisseur Celsius en Fahrenheit sera utilisé comme exemple pour expliquer les bases de la configuration d'une application Windows Form. Visual Studio 2019 Community Edition est l'édition utilisée pour ce didacticiel.

Comment créer le projet Windows Forms dans Visual Studio

Tout d'abord, créez le projet dans Visual Studio.

1. Ouvrez Visual Studio et sélectionnez Créer un nouveau projet.
2. Visual Studio vous fournira une liste de modèles de projet parmi lesquels vous pouvez choisir.
3. Pour créer une application Windows Forms, recherchez Application de formulaire Windows et sélectionnez-le dans la liste des modèles. Une fois celui-ci sélectionné, cliquez sur
   instagram viewer
   Suivant.

   Si la Application de formulaire Windows l'option n'est pas disponible dans la liste, modifier votre version installée de Visual Studio. Dans Visual Studio Installer, ajoutez la charge de travail de développement de bureau .NET pour Desktop et Mobile, puis relancez Visual Studio.

4. Ajoutez un nom et un emplacement pour le projet, puis cliquez sur Suivant. L'emplacement est le répertoire où les fichiers de code seront stockés.
5. Sur l'écran suivant, conservez la sélection par défaut de .NET Core 3.1.
6. Cliquez sur Créer.
7. Une fois que Visual Studio a fini de créer le projet, le projet s'ouvrira.

Comment ajouter des éléments au canevas du projet

Le canevas est la zone blanche située en haut à gauche de l'écran. Cliquez et faites glisser les points en bas, à droite ou en bas à droite du canevas pour le redimensionner si nécessaire.

Pour créer l'interface utilisateur de l'application, ajoutez des widgets tels que des boutons ou des zones de texte sur le canevas.

1. Ouvrez le Onglet Affichage en haut de la fenêtre et sélectionnez Boîte à outils.
2. Cela ajoutera une boîte à outils sur le côté gauche de l'application. Sélectionnez le icône de broche en haut à droite de la boîte à outils pour l'y épingler de façon permanente.
3. C'est ici que vous pouvez faire glisser n'importe quel widget de la boîte à outils sur le canevas. Mettez en surbrillance un bouton de la boîte à outils et faites-le glisser sur le canevas.
4. Faites glisser deux autres zones de texte sur le canevas, ainsi que trois étiquettes (deux étiquettes pour chaque zone de texte et une étiquette pour le titre en haut de l'application).
5. Chaque widget sur le canevas a des propriétés qui lui sont associées. Mettez en surbrillance un widget pour afficher le Propriétés fenêtre en bas à droite de Visual Studio, qui répertorie toutes les propriétés de ce widget. Ces propriétés peuvent inclure le texte, le nom, la taille de la police, la bordure ou l'alignement du widget en surbrillance.
6. Pour le moment, le texte de ces widgets indique toujours étiquette1, étiquette2, ou bouton1. Sélectionnez le étiquette1 widget et modifiez le Texte propriété dans la fenêtre des propriétés pour dire "Celsius en Fahrenheit". Changez la taille de la police en 22pt.
7. De même, modifiez les propriétés des autres widgets sur le canevas pour qu'elles soient les suivantes :

   Widget	Biens	Nouvelle valeur
   étiquette2	Texte	Celsius
   étiquette3	Texte	Fahrenheit
   bouton	Texte	Calculer
   Zone de texte Fahrenheit	Lecture seulement	Vrai

Comment gérer les événements et écrire du code dans le code-behind

Les widgets sur le canevas peuvent être liés à des événements. Les événements peuvent inclure des éléments tels que cliquer sur un bouton, modifier le texte dans une zone de texte ou sélectionner un bouton radio particulier. Lorsque ces événements se produisent, une section de code dans Code-Behind peut se déclencher.

C# est le langage utilisé lors de la création de Windows Forms. Si vous n'avez pas encore utilisé C#, il existe de nombreuses raisons pratiques d'apprendre la programmation C#.

Pour cette application particulière, ajoutez un événement au Calculer bouton, pour déclencher une section de code à exécuter lorsque ce bouton est enfoncé.

1. Double-cliquez sur le Calculer bouton pour ouvrir automatiquement Form1.cs avec une nouvelle méthode Event :

   private void calculateButton_Click (expéditeur de l'objet, EventArgs e)

2. C'est ici que vous ajouterez le code qui effectuera le calcul Celsius à Fahrenheit et affichera le résultat dans la zone de texte Fahrenheit. Pour ce faire, vous devez pouvoir lire la valeur dans la zone de texte Celsius et modifier la zone de texte Fahrenheit pour afficher le résultat.
3. Revenez au canevas et rééditez les propriétés comme indiqué précédemment. Cette fois, éditez le Nom propriété pour les zones de texte Celsius et Fahrenheit. Ces noms peuvent être utilisés pour référencer les zones de texte dans le code.

   Widget	Biens	Nouvelle valeur
   Zone de texte Celsius	Nom	celsiusTextBox
   Zone de texte Fahrenheit	Nom	FahrenheitTextBox

4. Revenez à la fonction calculateButton_Click dans Form1.cs.
5. Maintenant, la zone de texte Celsius peut être référencée dans le code en utilisant le nom "celsiusTextBox". La valeur Celsius saisie par l'utilisateur est stockée dans sa propriété Text. Cependant, comme il s'agit d'une chaîne, analysez-la en un double afin de l'inclure dans les futurs calculs Fahrenheit.

   private void calculateButton_Click (expéditeur de l'objet, EventArgs e)
   {
    // Récupère la valeur saisie par l'utilisateur dans la zone de texte Celsius
    double celsiusValue = Double. Analyser (celsiusTextBox. Texte);
   }

6. La variable celsiusValue stocke maintenant la valeur que l'utilisateur a entrée dans la zone de texte Celsius. La formule pour convertir Celsius en Fahrenheit est (Valeur Celsius * 9 / 5) + 32. Par conséquent, le résultat peut maintenant être calculé et stocké dans la zone de texte Fahrenheit.

   private void calculateButton_Click (expéditeur de l'objet, EventArgs e)
   {
    // Récupère la valeur saisie par l'utilisateur dans la zone de texte Celsius
    double celsiusValue = Double. Analyser (celsiusTextBox. Texte);
    // Appliquer le calcul
    double résultat = (celsiusValue * 9 / 5) + 32 ;
    // Stocke le résultat dans la Textbox Fahrenheit
    fahrenheitTextBox. Texte = résultat. ToString();
   }

Comment exécuter et déboguer le programme Windows Forms

Exécution du programme Windows Forms dans Visual Studio

Maintenant que l'interface utilisateur et la logique du code sont configurées, exécutez le programme pour le voir fonctionner.

1. Pour exécuter le programme, sélectionnez la flèche verte en haut de la barre d'outils dans Visual Studio.
2. Une fois le projet chargé, ajoutez une valeur dans la zone de texte Celsius et appuyez sur la Calculer bouton. Cela ajoutera le résultat dans la zone de texte Fahrenheit.
3. Si le programme est flou lors de l'exécution, il est probable que votre application ne soit pas compatible DPI. Cela peut entraîner des problèmes de mise à l'échelle et de résolution, il faudra donc l'activer. Vous pouvez également en savoir plus sur configuration de la mise à l'échelle de l'affichage sur Windows 10 pour les moniteurs haute résolution.
4. Faites un clic droit sur le Projet de convertisseur de température dans le Explorateur de solutions. Sélectionner Ajouter, puis sélectionnez Nouvel article.
5. Recherchez le fichier manifeste d'application, puis cliquez sur Ajouter.
6. Copiez le code suivant dans le nouveau fichier app.manifest, en tant qu'enfant de la balise d'assemblage (si le code est déjà généré, décommentez-le simplement).

   
   
   vrai
   vrai
   
   

7. Pour que cette modification prenne effet, relancez le programme. Sélectionnez le bouton d'arrêt rouge en haut de la barre d'outils, puis sélectionnez à nouveau le bouton de lecture vert.

Débogage du programme Windows Forms

Vous pouvez déboguer le programme si la logique de votre application Windows Forms ne fonctionne pas comme prévu.

1. Revenez à la fonction calculateButton_Click dans Form1.cs et cliquez n'importe où sur la barre grise à l'extrême gauche de l'écran. Cela ajoutera un point d'arrêt, qui est indiqué par un cercle rouge.
2. Appuyez à nouveau sur le bouton "Calculer" pour déclencher l'exécution de cette méthode. Le programme s'arrêtera lorsqu'il atteindra le point d'arrêt pour afficher toutes les valeurs stockées dans les variables à ce point.
3. Pour continuer le programme, cliquez sur le bouton vert Continuez flèche en haut de la barre d'outils.

Exécution du programme à l'aide d'un fichier exécutable

Si vous ne souhaitez pas exécuter votre programme via Visual Studio, utilisez le fichier exécutable autonome du programme. Celui-ci est généré automatiquement.

1. Accédez au fichier exécutable, qui peut être trouvé ici :

   /bin/Debug/netcoreapp3.1/TemperatureConverter.exe

2. Cliquez sur le fichier exécutable pour exécuter directement le programme.

Ajouter plus à votre formulaire Windows

J'espère que vous avez maintenant une compréhension de base de la structure de base d'une application Windows Form. Vous pouvez continuer à explorer des fonctionnalités Windows Forms supplémentaires en expérimentant de nouveaux widgets et en approfondissant les divers autres événements pouvant être gérés.

Une fois que vous vous serez familiarisé avec les Windows Forms, vous pourrez commencer à créer des applications plus complexes. Vous pouvez également explorer de nombreuses autres façons de créer des applications sur le bureau Windows.

Utiliser Chrome pour créer une application Windows 10 à partir de n'importe quel site Web

Lire la suite

A propos de l'auteur