Scopri come creare un'app calcolatrice di base e inizia il tuo viaggio di programmazione con Windows Forms.
Quando si impara a programmare, può essere utile acquisire esperienza ricreando app già esistenti. Un'app per principianti comune con cui puoi iniziare è una calcolatrice.
Puoi creare un'app calcolatrice desktop usando un progetto Windows Forms in Visual Studio. In un'applicazione Windows Forms, puoi fare clic e trascinare gli elementi dell'interfaccia utente su un'area di disegno per visualizzare il design della calcolatrice.
È quindi possibile aggiungere la logica del codice ai file C# sottostanti per determinare cosa dovrebbe accadere quando l'utente fa clic su un numero, un operatore, un pulsante Cancella o uguale.
Come aggiungere elementi dell'interfaccia utente alla calcolatrice
A partire da creazione di una nuova applicazione Windows Form in Visual Studio. Quindi, aggiungi elementi dell'interfaccia utente all'area di disegno per creare l'interfaccia utente della calcolatrice.
Come aggiungere il numero e i pulsanti operatore
Aggiungi pulsanti per rappresentare i numeri e gli operatori (+, -, ecc.) su cui l'utente farà clic.
- Passa alla tela, che dovrebbe essere aperta per impostazione predefinita. In caso contrario, fare clic su .cs file per il modulo (es. Form1.cs). Fare clic sul menu a discesa e passare alla modalità progettazione.
- Nella casella degli strumenti, cerca a Pulsante Elemento dell'interfaccia utente. Fare clic e trascinare un pulsante sulla tela.
- Evidenzia il pulsante. Nella finestra delle proprietà, cambia ciascuna delle seguenti proprietà del pulsante con il nuovo valore corrispondente:
Proprietà Nuovo valore Nome pulsante1 Dimensione 120, 120 Testo 1 - Aggiungi altri 19 pulsanti all'area di disegno per rappresentare gli altri numeri, operatori e funzioni della calcolatrice.
- Per ogni pulsante, evidenziare il pulsante e modificare la proprietà del testo e del nome nella finestra delle proprietà. Modificare i valori in modo che corrispondano al numero o alla funzione del pulsante.
Pulsante Nome Proprietà Proprietà del testo 2 pulsante2 2 3 pulsante 3 3 4 pulsante4 4 5 pulsante5 5 6 pulsante6 6 7 pulsante7 7 8 pulsante8 8 9 pulsante9 9 0 pulsante0 0 Aggiunta pulsanteAggiunta + Sottrazione pulsanteSottrazione - Moltiplicazione pulsante Moltiplicazione X Divisione pulsante Divisione ÷ Punto decimale pulsanteDecimale . Segno di uguale pulsante Uguale = Staffa destra pulsanteRaccordo destro ) Staffa sinistra pulsante Staffa sinistra ( Chiaro pulsante Cancella C Cancella voce pulsanteClearEntry CE - Riorganizzare l'ordine dei pulsanti per replicare l'aspetto di una calcolatrice standard. Mantieni tutti i pulsanti della stessa dimensione.
- Puoi anche evidenziare alcuni pulsanti e cambiarne il colore in uno a tua scelta, usando il Colore di sfondo proprietà nella finestra delle proprietà.
- Ad esempio, evidenziare il pulsante di aggiunta. Vai nella finestra delle proprietà e trova il file Colore di sfondo proprietà. Scegliere D'argento dall'elenco di opzioni nel menu a discesa. È possibile creare pulsanti operatore d'argentoe i pulsanti C e CE arancia.
Come aggiungere l'etichetta del risultato di output
Aggiungi un elemento dell'interfaccia utente della casella di testo per rappresentare il risultato che la calcolatrice mostrerà all'utente.
- Nella casella degli strumenti, trascina a Elemento dell'interfaccia utente del pannello sulla tela.
- Evidenzia il pannello e trova il Colore di sfondo proprietà nella finestra delle proprietà. Cambia questo in bianca. Puoi anche ridimensionare e riposizionare il pannello per farlo sembrare più simile a una calcolatrice.
- Nella casella degli strumenti, trascina a Elemento dell'interfaccia utente TextBox sulla tela.
- Evidenzia la casella di testo. Nella finestra delle proprietà, modifica le seguenti proprietà con il nuovo valore:
Proprietà Nuovo valore nome textBoxOutput Stile del bordo Nessuno Testo 0 TextAlign Destra Abilitato Falso Colore di sfondo Bianco - Posiziona la casella di testo all'interno del pannello.
Come aggiungere la logica di calcolo
Aggiungere il codice per eseguire la logica di calcolo quando l'utente fa clic sui pulsanti.
- Apri i tuoi .cs file per il modulo (ad esempio, Form1.cs).
- Dichiara una variabile chiamata calcolo corrente, in testa alla classe. Puoi scopri come creare classi in C# se non li conosci.
parziale pubblico classeModulo 1 : Modulo
{
stringa privata currentCalculation = "";pubblico Modulo1()
{
InizializzaComponent();
}
} - Sotto il costruttore, crea una nuova funzione chiamata button_Click(). Questo verrà eseguito ogni volta che l'utente fa clic su un pulsante numerico (0-9) o operatore (+, -, X, ÷, ecc.).
privatovuotobutton_Click(mittente dell'oggetto, EventArgs e)
{} - Uno degli argomenti passati al button_Click() la funzione è l'oggetto del pulsante su cui l'utente fa clic. Aggiungere la proprietà di testo dell'oggetto pulsante al calcolo della stringa. Quando l'utente fa clic sui pulsanti, verrà creata una stringa per il calcolo, ad esempio "22+5-7".
privatovuotobutton_Click(mittente dell'oggetto, EventArgs e)
{
// Aggiunge il numero o l'operatore al calcolo della stringa
calcolo corrente += (mittente come Pulsante).Testo;// Visualizza il calcolo corrente per l'utente
textBoxOutput. Testo = calcolo corrente;
} - Torna alla tela. Evidenzia ogni pulsante (esclusi C, CE e pulsanti uguali) e vai a Finestra Eventi. Trovare la Clic evento e selezionare il button_Click() funzione. Ciò attiverà la funzione da eseguire quando si fa clic sul pulsante.
Come calcolare il risultato e mostrarlo all'utente
Crea un'altra funzione per calcolare il risultato finale quando l'utente fa clic sul pulsante uguale.
- Crea una nuova funzione chiamata button_Equals_Click(). Innanzitutto, dovrai formattare la stringa per sostituire il file X e ÷ personaggi con * e /. Quindi, usa il Calcolare() funzione per calcolare il risultato. Mostra il risultato all'utente.
privatovuotobutton_Equals_Click(mittente dell'oggetto, EventArgs e)
{
string formattedCalculation = currentCalculation. ToString().Replace("X", "*").ToString().Replace("÷", "/");Tentativo
{
textBoxOutput. Testo = nuovo DataTable().Compute (calcolo formattato, nullo).Accordare();
currentCalculation = textBoxOutput. Testo;
}
presa (Eccezione ex)
{
textBoxOutput. Testo = "0";
calcolo corrente = "";
}
} - Assicurati di includere il blocco try-catch attorno a Calcolare() funzione per acquisire qualsiasi input non valido, come "123++7". In questo caso, se l'utente inserisce un calcolo non valido, il risultato restituirà sempre 0.
- Il Calcolare() la funzione fa parte del Sistema. Dati spazio dei nomi. Aggiungi l'istruzione using per includerla all'inizio della classe, se non è già presente.
usandoSistema.Dati; - Torna alla tela. Evidenzia il pulsante uguale e vai a Finestra Eventi. Trovare la Clic evento e selezionare il button_Equals_Click() funzione. Ciò attiverà la funzione da eseguire quando si fa clic sul pulsante uguale.
Come cancellare la calcolatrice
Aggiungi la funzionalità per i pulsanti C (Cancella) e CE (Cancella voce). Il Chiaro il pulsante cancellerà completamente il calcolo corrente. Il Cancella voce il pulsante cancellerà solo l'ultimo numero o operatore inserito.
- Crea un'altra funzione chiamata button_Clear_Click(). Questo verrà eseguito quando l'utente fa clic su Chiaro pulsante sulla calcolatrice. All'interno della funzione, reimposta il calcolo e il valore all'interno della casella di testo dei risultati.
privatovuotopulsante_Cancella_Clic(mittente dell'oggetto, EventArgs e)
{
// Reimposta il calcolo e svuota la casella di testo
textBoxOutput. Testo = "0";
calcolo corrente = "";
} - Sulla tela, evidenziare il Chiaro e vai al Finestra Eventi.
- Trovare la Clic evento. Cambia il valore in pulsante_Cancella_Clic.
- Crea un'altra funzione chiamata button_ClearEntry_Click(). Questo verrà eseguito quando l'utente fa clic su Cancella voce pulsante sulla calcolatrice. All'interno della funzione, rimuovere l'ultimo carattere dalla stringa di calcolo corrente.
privatovuotobutton_ClearEntry_Click(mittente dell'oggetto, EventArgs e)
{
// Se il calcolo non è vuoto, rimuove l'ultimo numero/operatore inserito
se (calcolo corrente. Lunghezza > 0)
{
currentCalculation = currentCalculation. Rimuovi (calcolo corrente. Lunghezza - 1, 1);
}// Visualizza nuovamente il calcolo sullo schermo
textBoxOutput. Testo = calcolo corrente;
} - Sulla tela, evidenziare il Cancella voce e vai al Finestra Eventi.
- Trovare la Clic evento. Cambia il valore in button_ClearEntry_Click.
Come eseguire l'applicazione Calcolatrice
È possibile eseguire la calcolatrice in Visual Studio per testarne la funzionalità.
- Fare clic sul pulsante di riproduzione verde nella parte superiore dell'applicazione Visual Studio.
- Fare clic sui pulsanti della calcolatrice. Il calcolo verrà visualizzato nello spazio bianco nella parte superiore della calcolatrice. Premendo il è uguale a il pulsante lo sostituirà con la risposta. Il Chiaro e Cancella voce i pulsanti cancelleranno anche il calcolo o l'immissione.
Creazione di applicazioni desktop utilizzando Windows Form
Puoi creare un'app calcolatrice desktop usando un progetto Windows Forms in Visual Studio. Usa la tela e la casella degli strumenti per trascinare e rilasciare gli elementi dell'interfaccia utente per creare il design della calcolatrice. Aggiungi la logica e la funzionalità del codice nel codice C# dietro i file.
Una calcolatrice è solo una delle tante semplici app per principianti che puoi creare mentre impari a programmare. Altre app per principianti che puoi creare includono convertitori, file manager, giochi di dadi o generatori di bandiere. Puoi crearli da zero utilizzando un'applicazione Windows Forms.
