Calcolatrice Visual Basic

Creeremo un "primo programma" che sarà scritto in Visual Basic (VB). Il nostro progetto sarà un calcolatore di base che insegnerà la logica e fornirà il codice per il nostro calcolatore. Le nostre istruzioni verranno impostate in modo che l'utente crei un pulsante per l'aggiunta e scriva il codice per esso. Da questo l'utente sarà in grado di aggiungere altro (sottrazione, divisione, ecc.) Al proprio programma, se lo si desidera. Guarda il video per la dimostrazione.

La programmazione sta diventando più importante ed è utile avere una certa comprensione di come programmare. Questa istruzione servirà sia per insegnare una comprensione di base del codice sia per insegnare la logica necessaria per codificare. Le nostre istruzioni sono diverse dalle altre su Instructables.com perché non esiste un calcolatore realizzato in Visual Basic. I nostri lettori target saranno chiunque voglia imparare a programmare. Le istruzioni saranno impostate su dove qualcuno che non ha mai programmato prima sarà in grado di completare il progetto.

Nota importante:

  • Queste istruzioni presuppongono che Visual Studio sia già installato e aperto.
  • La tua interfaccia utente (dove sono posizionate le barre degli strumenti) il mio aspetto è diverso dalle istruzioni. Queste istruzioni non spiegheranno come apportare modifiche all'interfaccia utente. Rendere la tua interfaccia utente simile alle immagini fornite non è necessario, ma sarà utile.
  • Se si commette un errore, ovvero fare doppio clic su un oggetto per errore, passare all'ultimo passaggio (risoluzione dei problemi) per errori e correzioni comuni.

Passaggio 1: creazione di un nuovo progetto in Visual Studio 2013

    Passaggio 1: Apri Visual Studio

    Passaggio 2: selezionare Nuovo progetto

    Passaggio 3: selezionare Applicazione Windows Form

    Passaggio 4: denominare il progetto SimpleCalculator

    Passaggio 5: impostare la posizione di salvataggio. Si consiglia desktop in quanto è il più facile da trovare.

    Passaggio 6: fare clic su OK

    Passaggio 7: Se necessario, fare clic sulla scheda Visualizza, quindi selezionare la finestra Esplora strumenti, Proprietà e Soluzioni

    Passaggio 2: progettare l'interfaccia utente grafica (GUI)

    Suggerimento utile:

    • Nella casella degli strumenti delle proprietà impostata in ordine alfabetico. Fare riferimento all'immagine della casella degli strumenti, cerchio verde.

    Passaggio 1: fare clic in un punto qualsiasi del modulo

    Passaggio 2: nella finestra delle proprietà, sotto la proprietà Testo, digitare Simple Calculator

    Passaggio 3: nella finestra delle proprietà, sotto la proprietà StartPosition, selezionare CenterScreen

    Passaggio 4: nella finestra delle proprietà, in FormBorderStyle, selezionare Fixed3D

    Passaggio 5: fare clic e trascinare un'etichetta dalla casella degli strumenti nel modulo

    Passaggio 6: mentre l'etichetta è selezionata, nella finestra delle proprietà, sotto la proprietà Text, digitare Simple Calculator. Nota: poiché questa etichetta è il testo principale che descrive il testo, è possibile modificare la dimensione e il grassetto del testo sotto la proprietà Font nella finestra delle proprietà ma non è richiesto per questo progetto

    Passaggio 7: procedere per le seguenti etichette (5) e posizionarle di conseguenza. Assegnali a un nome: Operatori, Operazione, Operando 1, Operando 2 e Risultato (vedi figura) Nota: gli oggetti possono essere trascinati o doppio clic per essere inseriti nella GUI

    Passaggio 8: fare clic e trascinare un pulsante dalla casella degli strumenti

    Passaggio 9: posizionarlo sotto l'etichetta "Operatori".

    Passaggio 10: mentre il pulsante è selezionato, nella finestra delle proprietà, sotto la proprietà Nome, immettere btnAdd

    Passaggio 11: Quindi sotto la proprietà Text, inserisci un segno +

    Passaggio 12: fare clic e trascinare una casella di testo dalla casella degli strumenti accanto all'etichetta "Operando 1" (vedere l'immagine)

    Passaggio 13: Mentre TextBox è selezionato, nella finestra delle proprietà, sotto la proprietà Name, immettere txtOperand1

    Passaggio 14: ripetere il passaggio 12 ma posizionare la seconda casella di testo accanto all'etichetta "Operando 2" (vedere la figura)

    Passaggio 15: ripetere il passaggio 13 ma denominarlo txtOperand2

    Passaggio 16: fare clic e trascinare un'etichetta tra le due caselle di testo (vedi immagine)

    Passaggio 17: mentre l'etichetta è selezionata, nella finestra delle proprietà, sotto la proprietà Nome, immettere lblOperator

    Passaggio 18: eliminare la proprietà text di lblOperator in modo che sia vuota

    Passaggio 19: Sotto la proprietà AutoSize, selezionare False. Nota: questo ti consente di ridimensionare l'etichetta a tuo piacimento

    Passaggio 20: Sotto la proprietà BorderStyle selezionare Fixed3D

    Passaggio 21: fare clic e trascinare un'altra etichetta accanto all'etichetta "Risultato"

    Passaggio 22: ripetere il passaggio 17, denominarlo lblDisplay

    Passaggio 23: ripetere i passaggi 18 e 19

    Passaggio 24: fare clic e trascinare un pulsante dalla casella degli strumenti sotto l'etichetta "Risultato" (vedere l'immagine)

    Passaggio 25: Mentre il pulsante è selezionato, nella finestra delle proprietà, sotto la proprietà Nome, immettere btnClear

    Passaggio 26: modificare la proprietà del testo per il pulsante Cancella su Cancella

    Passaggio 27: fare clic e trascinare un pulsante dalla casella degli strumenti accanto al pulsante Cancella (vedere l'immagine)

    Passaggio 28: Mentre il pulsante è selezionato, nella finestra delle proprietà, sotto la proprietà Nome, immettere btnExit

    Passaggio 29: modificare la proprietà del testo per il pulsante Cancella su Esci

    Passaggio 30: immettere il seguente codice facendo doppio clic su ciascun pulsante per aprire la finestra del codice:

    Passaggio 3: codifica del pulsante Aggiungi

    Obiettivo: aggiungere ai numeri che l'utente inserisce nelle caselle di testo

    Spiegazione del codice

    • Dim Variabile come doppio dichiara una variabile come tipo di dati specifico
    • Ogni volta che si preme il pulsante Aggiungi, nell'etichetta verrà visualizzato un segno + tra le due caselle di testo.
    • All'etichetta Display è stata assegnata la variabile Risultato che è Operando1 + Operando2.
    • ".ToSting (" N ") è di riconvertire in stringa da quando l'abbiamo convertita in un numero usando parse

    Passaggio 4: codifica del pulsante Cancella

    Obiettivo: cancellare tutte le caselle nella GUI e impostare il cursore sulla casella di testo in alto (Operando 1)

    Spiegazione del codice:

    • Clear () Function cancella una casella di testo. Questa funzione può essere utilizzata solo su una casella di testo
    • Le caselle delle etichette devono essere deselezionate impostando la proprietà .Text su nulla
    • La funzione Focus () imposta il cursore sulla casella di testo

    Passaggio 5: codifica del pulsante di uscita

    Obiettivo: uscire dal programma.

    Passaggio 6: esecuzione del programma

    Fare clic sul pulsante di riproduzione verde per eseguire il programma (fare riferimento all'immagine sopra)

    Nota: mentre il programma è in esecuzione, è possibile verificare se il programma funziona correttamente.

    Al termine, fai clic sul pulsante di uscita o sulla "X" rossa sul programma.

    Passaggio 7: osservazioni conclusive

    In questo progetto, hai completato con successo come creare una semplice calcolatrice in Visual Basic. Ti abbiamo solo fatto fare un pulsante di aggiunta, ma sentiti libero di fare altri operatori a tuo piacimento. Seguono gli stessi passaggi sopra menzionati. Ora puoi usarlo come una calcolatrice per fare calcoli su tutto ciò che desideri. Lo scopo di questo progetto era informare gli utenti che non hanno esperienza di programmazione su come realizzare un semplice programma. Se desideri saperne di più su Visual Basic, ci sono molte informazioni online e lezioni che insegnano Visual Basic (CNIT 175 se sei uno studente Purdue). Grazie per aver dedicato del tempo per realizzare questo progetto.

    Passaggio 8: risoluzione dei problemi

    • Quando si immette un codice errato, sotto le parole verrà visualizzata una linea a forma di blu. Questo è un errore e il programma non verrà eseguito. Se vedi una linea blu sotto un pezzo del codice, passa con il mouse sopra di esso e dovrebbe darti una spiegazione dell'errore. Da lì è possibile ricercare l'errore online per trovare ulteriori informazioni.
    • Se fai doppio clic su un oggetto, ovvero un'etichetta che non intendi codificare, puoi eliminare il codice che hai appena creato o lasciarlo lì.
    • In caso di problemi come errori o se si è dimenticata una parola chiave, consultare il sito della Guida di Visual Basic di Microsoft (//msdn.microsoft.com/en-us/library/2x7h1hfk.aspx)
    • Un altro buon riferimento da guardare è il libro di testo, Step into Programming with Visual Basic.Net, 4th Edition, di Guity Ravai e Ibrahim M. Baggili.
    • Se si fa doppio clic accidentalmente su uno strumento mentre lo si sposta dalla casella degli strumenti, Visual Studio vi porterà automaticamente alla scheda di codifica e creerà una sezione per la codifica dell'elemento su cui si è fatto doppio clic. Si consiglia di eliminare questa sezione di codice che è stata creata accidentalmente, poiché è il codice spazzatura che non fa nulla. Per tornare alla scheda Progettazione modulo, è sufficiente fare clic sulla scheda Progettazione modulo

    Articoli Correlati