Apprenez à créer une application de calculatrice de base et commencez votre parcours de programmation avec Windows Forms.
Lorsque vous apprenez à coder, il peut être utile d'acquérir de l'expérience en recréant des applications qui existent déjà. Une application pour débutant courante avec laquelle vous pouvez commencer est une calculatrice.
Vous pouvez créer une application de calculatrice de bureau à l'aide d'un projet Windows Forms dans Visual Studio. Dans une application Windows Forms, vous pouvez cliquer et faire glisser des éléments d'interface utilisateur sur un canevas pour visualiser la conception de votre calculatrice.
Vous pouvez ensuite ajouter une logique de code aux fichiers C# sous-jacents pour déterminer ce qui doit se passer lorsque l'utilisateur clique sur un nombre, un opérateur, un bouton d'effacement ou égal.
Comment ajouter des éléments d'interface utilisateur à la calculatrice
Commence par création d'une nouvelle application Windows Form dans Visual Studio. Ensuite, ajoutez des éléments d'interface utilisateur au canevas pour créer l'interface utilisateur de la calculatrice.
Comment ajouter les boutons de numéro et d'opérateur
Ajoutez des boutons pour représenter les chiffres et les opérateurs (+, -, etc.) sur lesquels l'utilisateur cliquera.
- Accédez au canevas, qui devrait être ouvert par défaut. Si ce n'est pas le cas, cliquez sur le .cs fichier pour le formulaire (par ex. Formulaire1.cs). Cliquez sur le menu déroulant et passez en mode conception.
- Dans la boîte à outils, recherchez un Bouton Élément d'interface utilisateur. Cliquez et faites glisser un bouton sur le canevas.
- Mettez le bouton en surbrillance. Dans la fenêtre des propriétés, remplacez chacune des propriétés de bouton suivantes par sa nouvelle valeur correspondante :
Propriété Nouvelle valeur Nom bouton1 Taille 120, 120 Texte 1 - Ajoutez 19 boutons supplémentaires au canevas pour représenter les autres nombres, opérateurs et fonctions de la calculatrice.
- Pour chaque bouton, mettez-le en surbrillance et modifiez la propriété de texte et de nom dans la fenêtre de propriétés. Modifiez les valeurs pour qu'elles correspondent au numéro ou à la fonction du bouton.
Bouton Nom de la propriété Propriété de texte 2 bouton2 2 3 bouton3 3 4 bouton4 4 5 bouton5 5 6 bouton6 6 7 bouton7 7 8 bouton8 8 9 bouton9 9 0 bouton0 0 Ajout boutonAjout + Soustraction boutonSoustraction - Multiplication boutonMultiplication X Division boutonDivision ÷ Virgule boutondécimal . Signe égal boutonÉgal = Support droit boutonRightBracket ) Support gauche boutonLeftBracket ( Dégager boutonEffacer C Effacer l'entrée boutonEffacerEntrée CE - Réorganisez l'ordre des boutons pour reproduire l'apparence d'une calculatrice standard. Gardez tous les boutons de la même taille.
- Vous pouvez également mettre en surbrillance certains boutons et changer leur couleur en celle de votre choix, en utilisant le Couleur de fond propriété dans la fenêtre des propriétés.
- Par exemple, mettez en surbrillance bouton d'ajout. Allez dans la fenêtre des propriétés et trouvez le Couleur de fond propriété. Choisir Argent dans la liste des options de la liste déroulante. Vous pouvez créer des boutons d'opérateur argent, et les touches C et CE orange.
Comment ajouter l'étiquette de résultat de sortie
Ajoutez un élément d'interface utilisateur de zone de texte pour représenter le résultat que la calculatrice affichera à l'utilisateur.
- Dans la boîte à outils, faites glisser un Élément d'interface utilisateur du panneau sur la toile.
- Mettez le panneau en surbrillance et recherchez le Couleur de fond propriété dans la fenêtre des propriétés. Changez ceci en blanche. Vous pouvez également redimensionner et repositionner le panneau pour le faire ressembler davantage à une calculatrice.
- Dans la boîte à outils, faites glisser un Élément d'interface utilisateur TextBox sur la toile.
- Mettez la zone de texte en surbrillance. Dans la fenêtre des propriétés, remplacez les propriétés suivantes par la nouvelle valeur :
Propriété Nouvelle valeur Nom textBoxOutput Style de bordure Aucun Texte 0 Alignement du texte Droit Activé Faux Couleur de fond Blanc - Positionnez la zone de texte à l'intérieur du panneau.
Comment ajouter la logique de calcul
Ajoutez du code pour exécuter la logique de calcul lorsque l'utilisateur clique sur les boutons.
- Ouvrez votre .cs fichier pour le formulaire (par exemple, Formulaire1.cs).
- Déclarez une variable appelée calculactuel, en tête de classe. Tu peux apprendre à créer des classes en C# si vous ne les connaissez pas.
public partiel classerFormulaire 1 : Formulaire
{
chaîne privée currentCalculation = "";Publique Formulaire 1()
{
InitializeComponent();
}
} - Sous le constructeur, créez une nouvelle fonction appelée bouton_Clic(). Cela s'exécutera chaque fois que l'utilisateur cliquera sur un bouton numérique (0-9) ou opérateur (+, -, X, ÷, etc.).
privéannulerbutton_Click(expéditeur d'objet, EventArgs e)
{}
- L'un des arguments passés au bouton_Clic() fonction est l'objet du bouton sur lequel l'utilisateur clique. Ajoutez la propriété text de l'objet bouton au calcul de la chaîne. Au fur et à mesure que l'utilisateur clique sur les boutons, cela créera une chaîne pour le calcul, telle que "22 + 5-7".
privéannulerbutton_Click(expéditeur d'objet, EventArgs e)
{
// Cela ajoute le nombre ou l'opérateur au calcul de la chaîne
currentCalculation += (expéditeur comme Bouton).Texte ;// Affiche le calcul en cours à l'utilisateur
textBoxOutput. Texte = calculactuel ;
} - Retournez à la toile. Mettez en surbrillance chaque bouton (à l'exception des boutons C, CE et égal) et naviguez jusqu'au Fenêtre des événements. Trouvez le Cliquez sur événement, et sélectionnez le bouton_Clic() fonction. Cela déclenchera l'exécution de la fonction lorsque vous cliquez sur le bouton.
Comment calculer le résultat et l'afficher à l'utilisateur
Créez une autre fonction pour calculer le résultat final lorsque l'utilisateur clique sur le bouton égal.
- Créez une nouvelle fonction appelée button_Equals_Click(). Tout d'abord, vous devrez formater la chaîne pour remplacer le X et ÷ personnages avec * et /. Ensuite, utilisez le Calculer() fonction pour calculer le résultat. Affichez le résultat à l'utilisateur.
privéannulerbutton_Equals_Click(expéditeur d'objet, EventArgs e)
{
chaîne formattedCalculation = currentCalculation. ToString().Replace("X", "*").ToString().Replace("÷", "/");essayer
{
textBoxOutput. Texte = Nouveau DataTable().Compute (calcul formaté, nul).ToString();
currentCalculation = textBoxOutput. Texte;
}
attraper (Exception ex)
{
textBoxOutput. Texte = "0";
calculactuel = "";
}
} - Assurez-vous d'inclure le bloc try-catch autour du Calculer() pour capturer toutes les entrées invalides, telles que "123++7". Dans ce cas, si l'utilisateur saisit un calcul invalide, le résultat renverra toujours 0.
- La Calculer() fonction fait partie de la Système. Données espace de noms. Ajoutez l'instruction using pour l'inclure en haut de la classe, si elle n'y est pas déjà.
utilisantSystème.Données;
- Retournez à la toile. Mettez en surbrillance le bouton égal et naviguez jusqu'au Fenêtre des événements. Trouvez le Cliquez sur événement, et sélectionnez le button_Equals_Click() fonction. Cela déclenchera l'exécution de la fonction lorsque vous cliquez sur le bouton égal.
Comment effacer la calculatrice
Ajoutez la fonctionnalité des boutons C (Effacer) et CE (Effacer l'entrée). La Dégager effacera complètement le calcul en cours. La Effacer l'entrée n'effacera que le dernier numéro ou opérateur saisi.
- Créez une autre fonction appelée button_Clear_Click(). Cela s'exécutera lorsque l'utilisateur cliquera sur le Dégager bouton sur la calculatrice. Dans la fonction, réinitialisez le calcul et la valeur dans la zone de texte des résultats.
privéannulerbutton_Clear_Click(expéditeur d'objet, EventArgs e)
{
// Réinitialise le calcul et vide la zone de texte
textBoxOutput. Texte = "0";
calculactuel = "";
} - Sur la toile, mettez en surbrillance Dégager bouton et accédez au Fenêtre des événements.
- Trouvez le Cliquez sur un événement. Changez la valeur en button_Clear_Click.
- Créez une autre fonction appelée button_ClearEntry_Click(). Cela s'exécutera lorsque l'utilisateur cliquera sur le Effacer l'entrée bouton sur la calculatrice. Dans la fonction, supprimez le dernier caractère de la chaîne de calcul actuelle.
privéannulerbutton_ClearEntry_Click(expéditeur d'objet, EventArgs e)
{
// Si le calcul n'est pas vide, supprime le dernier nombre/opérateur saisi
si (calculactuel. Longueur > 0)
{
CalculCourant = CalculCourant. Supprimer (currentCalculation. Longueur - 1, 1);
}// Réaffiche le calcul à l'écran
textBoxOutput. Texte = calculactuel ;
} - Sur la toile, mettez en surbrillance Effacer l'entrée bouton et accédez au Fenêtre des événements.
- Trouvez le Cliquez sur un événement. Changez la valeur en button_ClearEntry_Click.
Comment exécuter l'application Calculatrice
Vous pouvez exécuter la calculatrice dans Visual Studio pour tester ses fonctionnalités.
- Cliquez sur le bouton de lecture vert en haut de l'application Visual Studio.
- Cliquez sur les boutons de la calculatrice. Le calcul s'affichera dans l'espace blanc en haut de la calculatrice. En appuyant sur le équivaut à le remplacera par la réponse. La Dégager et Effacer l'entrée effaceront également le calcul ou la saisie.
Création d'applications de bureau à l'aide de Windows Forms
Vous pouvez créer une application de calculatrice de bureau à l'aide d'un projet Windows Forms dans Visual Studio. Utilisez le canevas et la boîte à outils pour faire glisser et déposer des éléments de l'interface utilisateur afin de créer la conception de la calculatrice. Ajoutez votre logique de code et vos fonctionnalités dans le code C# derrière les fichiers.
Une calculatrice n'est qu'une des nombreuses applications simples pour débutants que vous pouvez créer tout en apprenant à coder. D'autres applications pour débutants que vous pouvez créer incluent des convertisseurs, des gestionnaires de fichiers, des jeux de dés ou des générateurs de drapeaux. Vous pouvez les créer à partir de rien à l'aide d'une application Windows Forms.