Calculatrice Visual Basic

Nous allons créer un «premier programme» qui sera écrit en Visual Basic (VB). Notre projet sera une calculatrice de base qui enseignera la logique et fournira le code de notre calculatrice. Nos instructions seront configurées de telle sorte que l'utilisateur crée un bouton pour l'ajout et écrit du code pour celui-ci. À partir de cela, l'utilisateur pourra ajouter plus (soustraction, division, etc.) à son programme s'il le souhaite. Regardez la vidéo pour une démonstration.

La programmation devient de plus en plus importante et il est avantageux de comprendre comment coder. Cette instruction servira à la fois à enseigner une compréhension de base du code et à enseigner la logique nécessaire au codage. Nos instructions sont différentes des autres sur Instructables.com car il n'y a pas de calculatrice faite en Visual Basic. Nos lecteurs cibles seront tous ceux qui veulent apprendre à programmer. Les instructions seront mises en place là où quelqu'un qui n'a jamais programmé auparavant pourra terminer le projet.

Note importante:

  • Ces instructions supposent que Visual Studio est déjà installé et ouvert.
  • Votre interface utilisateur (où les barres d'outils sont placées) a un aspect différent des instructions. Ces instructions ne traiteront pas de la façon d'apporter des modifications à l'interface utilisateur. Faire ressembler votre interface utilisateur aux images fournies n'est pas nécessaire, mais sera utile.
  • Si vous faites une erreur, c'est-à-dire double-cliquez sur un objet par accident, passez à la dernière étape (Dépannage) pour les erreurs et les correctifs courants.

Étape 1: création d'un nouveau projet dans Visual Studio 2013

    Étape 1: ouvrez Visual Studio

    Étape 2: Sélectionnez un nouveau projet

    Étape 3: Sélectionnez l'application Windows Form

    Étape 4: Nommez le projet SimpleCalculator

    Étape 5: Définissez l'emplacement d'enregistrement. Le bureau est recommandé car il est le plus facile à trouver.

    Étape 6: cliquez sur OK

    Étape 7: Si nécessaire, cliquez sur l'onglet Affichage, puis sélectionnez la fenêtre Toolbox, Property et Solutions Explorer

    Étape 2: Concevoir l'interface utilisateur graphique (GUI)

    Conseil utile:

    • Dans la boîte à outils des propriétés définie par ordre alphabétique. Reportez-vous à l'image de la boîte à outils, cercle vert.

    Étape 1: cliquez n'importe où sur le formulaire

    Étape 2: dans la fenêtre des propriétés, sous la propriété Text, tapez Simple Calculator

    Étape 3: dans la fenêtre des propriétés, sous la propriété StartPosition, sélectionnez CenterScreen

    Étape 4: Dans la fenêtre des propriétés, sous FormBorderStyle, sélectionnez Fixed3D

    Étape 5: cliquez et faites glisser une étiquette de la boîte à outils vers le formulaire

    Étape 6: Pendant que l'étiquette est sélectionnée, dans la fenêtre des propriétés, sous la propriété Text, tapez Simple Calculator. Remarque: Étant donné que cette étiquette est le texte principal décrivant le texte, vous pouvez modifier la taille et l'audace du texte sous la propriété Police dans la fenêtre des propriétés mais n'est pas requis pour ce projet

    Étape 7: procédez ainsi pour les étiquettes suivantes (5) et placez-les en conséquence. Nommez-les: Opérateurs, Opération, Opérande 1, Opérande 2 et Résultat (voir l'image) Remarque: Les objets peuvent être glissés ou double-cliqués pour être placés sur l'interface graphique

    Étape 8: Cliquez et faites glisser un bouton de la boîte à outils

    Étape 9: placez-le sous l'étiquette «Opérateurs».

    Étape 10: Pendant que le bouton est sélectionné, dans la fenêtre des propriétés, sous la propriété Name, entrez btnAdd

    Étape 11: Ensuite, sous la propriété Text, entrez un signe +

    Étape 12: Cliquez et faites glisser une TextBox depuis la ToolBox à côté du libellé «Opérande 1» (voir image)

    Étape 13: Pendant que la TextBox est sélectionnée, dans la fenêtre des propriétés, sous la propriété Name, entrez txtOperand1

    Étape 14: Répétez l'étape 12 mais placez la deuxième TextBox à côté de l'étiquette "Opérande 2" (Voir l'image)

    Étape 15: répétez l'étape 13 mais nommez-la txtOperand2

    Étape 16: Cliquez et faites glisser une étiquette entre les deux zones de texte (voir l'image)

    Étape 17: Pendant que l'étiquette est sélectionnée, dans la fenêtre des propriétés, sous la propriété Name, entrez lblOperator

    Étape 18: supprimez la propriété text de lblOperator afin qu'elle soit vide

    Étape 19: Sous 9la propriété AutoSize, sélectionnez False. Remarque: Cela vous permet de redimensionner l'étiquette à votre guise

    Étape 20: Sous la propriété BorderStyle, sélectionnez Fixed3D

    Étape 21: Cliquez et faites glisser une autre étiquette à côté de l'étiquette "Résultat"

    Étape 22: Répétez l'étape 17, nommez-la lblDisplay

    Étape 23: Répétez les étapes 18 et 19

    Étape 24: Cliquez et faites glisser un bouton de la boîte à outils sous l'étiquette «Résultat» (voir image)

    Étape 25: Pendant que le bouton est sélectionné, dans la fenêtre des propriétés, sous la propriété Name, entrez btnClear

    Étape 26: changez la propriété de texte du bouton Effacer en Effacer

    Étape 27: Cliquez et faites glisser un bouton de la boîte à outils à côté du bouton Effacer (voir l'image)

    Étape 28: Lorsque le bouton est sélectionné, dans la fenêtre des propriétés, sous la propriété Nom, entrez btnExit

    Étape 29: changez la propriété de texte du bouton Effacer en Quitter

    Étape 30: Entrez le code suivant en double-cliquant sur chaque bouton pour ouvrir la fenêtre de code:

    Étape 3: codage du bouton Ajouter

    Objectif: ajouter aux nombres que l'utilisateur saisit dans les zones de texte

    Explication du code

    • Dim Variable As Double déclare une variable comme un type de données spécifique
    • Chaque fois que vous appuyez sur le bouton Ajouter, un signe + apparaît dans l'étiquette entre les deux zones de texte.
    • L'étiquette d'affichage se voit attribuer la variable Résultat qui est Opérande1 + Opérande2.
    • Le «.ToSting (« N ») consiste à reconvertir en chaîne à partir du moment où nous l'avons converti en un nombre utilisant l'analyse

    Étape 4: codage du bouton d'effacement

    Objectif: effacer toutes les cases de l'interface graphique et placer le curseur sur la zone de texte supérieure (opérande 1)

    Explication du code:

    • Clear () La fonction efface une zone de texte. Cette fonction ne peut être utilisée que sur une zone de texte
    • Les zones d'étiquette doivent être effacées en définissant la propriété .Text sur rien
    • La fonction Focus () place le curseur sur la zone de texte

    Étape 5: codage du bouton de sortie

    Objectif: quitter le programme.

    Étape 6: Exécution du programme

    Cliquez sur le bouton de lecture vert pour exécuter le programme (référence à l'image ci-dessus)

    Remarque: Pendant que le programme est en cours d'exécution, vous pouvez tester pour voir si votre programme fonctionne correctement.

    Cliquez sur le bouton de sortie ou sur le «X» rouge du programme lorsque vous avez terminé.

    Étape 7: Remarques finales

    Dans ce projet, vous avez réussi à créer une simple calculatrice en Visual Basic. Nous vous avons seulement fait faire un bouton d'ajout mais n'hésitez pas à faire d'autres opérateurs à votre guise. Ils suivent les mêmes étapes que celles mentionnées ci-dessus. Vous pouvez maintenant l'utiliser comme calculatrice pour effectuer des calculs sur tout ce que vous voulez. Le but de ce projet était d'informer les utilisateurs qui n'ont aucune expérience en programmation comment créer un programme simple. Si vous souhaitez en savoir plus sur Visual Basic, il existe de nombreuses informations en ligne ainsi que des cours qui enseignent Visual Basic (CNIT 175 si vous êtes un étudiant Purdue). Merci d'avoir pris le temps de réaliser ce projet.

    Étape 8: dépannage

    • Lorsque vous entrez un code incorrect, une ligne bleue ondulée apparaît sous le (s) mot (s). Il s'agit d'une erreur et le programme ne s'exécutera pas. Si vous voyez une ligne bleue sous un morceau de votre code, survolez-la avec votre souris et cela devrait vous donner une explication de l'erreur. De là, vous pouvez rechercher l'erreur en ligne pour trouver plus d'informations.
    • Si vous double-cliquez sur un objet, c'est-à-dire une étiquette que vous n'allez pas coder, vous pouvez soit supprimer le code que vous venez de créer, soit le laisser là.
    • Si vous rencontrez des problèmes comme des erreurs ou si vous avez oublié un mot clé, consultez le site d'aide de Visual Basic de Microsoft (//msdn.microsoft.com/en-us/library/2x7h1hfk.aspx)
    • Une autre bonne référence à consulter est le manuel, Step into Programming with Visual Basic.Net, 4th Edition, de Guity Ravai et Ibrahim M. Baggili.
    • Si vous double-cliquez accidentellement sur un outil en le déplaçant de la boîte à outils, Visual Studio vous amène automatiquement à l'onglet de codage et crée une section pour coder l'élément sur lequel vous avez double-cliqué. Il est recommandé de supprimer cette section de code qui a été créée accidentellement, car il s'agit de code indésirable qui ne fait rien. Pour revenir à l'onglet de conception de formulaire, cliquez simplement sur l'onglet Conception de formulaire

    Articles Connexes