Lær hvordan du lager en grunnleggende kalkulatorapp og start programmeringsreisen med Windows Forms.
Når du skal lære å kode, kan det være nyttig å få erfaring ved å gjenskape apper som allerede eksisterer. En vanlig nybegynnerapp du kan starte med er en kalkulator.
Du kan lage en skrivebordskalkulator-app ved hjelp av et Windows Forms-prosjekt i Visual Studio. I et Windows Forms-program kan du klikke og dra UI-elementer til et lerret for å visualisere designet til kalkulatoren.
Du kan deretter legge til kodelogikk til de underliggende C#-filene for å bestemme hva som skal skje når brukeren klikker på en tall-, operator-, slett- eller lik-knapp.
Slik legger du til UI-elementer i kalkulatoren
Start med opprette en ny Windows-skjemaapplikasjon i Visual Studio. Deretter legger du til UI-elementer på lerretet for å lage kalkulatorens brukergrensesnitt.
Slik legger du til tall- og operatørknappene
Legg til knapper for å representere tallene og operatorene (+, -, etc.) som brukeren vil klikke på.
- Naviger til lerretet, som skal være åpent som standard. Hvis den ikke er det, klikk på .cs fil for skjemaet (f.eks. Form1.cs). Klikk på rullegardinmenyen og bytt til designmodus.
- Søk etter en i verktøykassen Knapp UI-element. Klikk og dra en knapp til lerretet.
- Marker knappen. I egenskapsvinduet endrer du hver av følgende knappeegenskaper til den tilsvarende nye verdien:
Eiendom Ny verdi Navn knapp 1 Størrelse 120, 120 Tekst 1 - Legg til 19 flere knapper på lerretet for å representere de andre tallene, operatorene og funksjonene til kalkulatoren.
- For hver knapp, uthev knappen og endre tekst- og navnegenskapen i egenskapsvinduet. Endre verdiene slik at de samsvarer med knappens nummer eller funksjon.
Knapp Navn på eiendom Tekst egenskap 2 knapp 2 2 3 knapp 3 3 4 knapp 4 4 5 knapp5 5 6 knapp 6 6 7 knapp7 7 8 knapp 8 8 9 knapp9 9 0 knapp0 0 Addisjon knappTillegg + Subtraksjon knappen Subtraksjon - Multiplikasjon knappMultiplikasjon X Inndeling knappen Divisjon ÷ Desimal tegn knappDesimal . Lik tegn knappEr lik = Høyre brakett knapp Høyrebrakett ) Venstre brakett knapp Venstre brakett ( Klar knapp Tøm C Fjern oppføring knappen ClearEntry CE - Endre rekkefølgen på knappene for å gjenskape utseendet til en standard kalkulator. Hold alle knappene i samme størrelse.
- Du kan også markere noen knapper og endre fargen til en av dine valg ved å bruke Baksidefarge eiendom i egenskapsvinduet.
- Uthev for eksempel tilleggsknapp. Gå inn i egenskapsvinduet og finn Baksidefarge eiendom. Velge Sølv fra listen over alternativer i rullegardinmenyen. Du kan lage operatørknapper sølv, og C- og CE-knappene oransje.
Slik legger du til etiketten for utdataresultat
Legg til et tekstboks-UI-element for å representere resultatet som kalkulatoren vil vise til brukeren.
- I verktøykassen drar du en Panel UI-element på lerretet.
- Marker panelet, og finn Baksidefarge eiendom i egenskapsvinduet. Endre dette til hvit. Du kan også endre størrelse på og omplassere panelet for å få det til å se mer ut som en kalkulator.
- I verktøykassen drar du en TextBox UI-element på lerretet.
- Marker tekstboksen. I egenskapsvinduet endrer du følgende egenskaper til den nye verdien:
Eiendom Ny verdi Navn tekstBoxOutput BorderStyle Ingen Tekst 0 Tekstjustering Ikke sant Aktivert Falsk Baksidefarge Hvit - Plasser tekstboksen inne i panelet.
Slik legger du til beregningslogikken
Legg til kode for å utføre beregningslogikken når brukeren klikker på knappene.
- Åpne din .cs fil for skjemaet (f.eks. Form1.cs).
- Erklær en variabel kalt gjeldende beregning, øverst i klassen. Du kan lær hvordan du lager klasser i C# hvis du ikke er kjent med dem.
offentlig del klasseSkjema 1 : Skjema
{
privat streng gjeldende beregning = "";offentlig Form1()
{
InitializeComponent();
}
} - Under konstruktøren oppretter du en ny funksjon kalt button_Click(). Dette vil utføres hver gang brukeren klikker på et tall (0-9) eller en operator-knapp (+, -, X, ÷, etc.).
privattomrombutton_Click(objektavsender, EventArgs e)
{} - Et av argumentene gikk videre til button_Click() funksjon er objektet for knappen brukeren klikker på. Legg til tekstegenskapen til knappeobjektet i strengberegningen. Når brukeren klikker på knapper, vil dette bygge en streng for beregningen, for eksempel "22+5-7".
privattomrombutton_Click(objektavsender, EventArgs e)
{
// Dette legger til tallet eller operatoren til strengberegningen
gjeldende beregning += (avsender som Button).Tekst;// Vis gjeldende beregning tilbake til brukeren
tekstBoxOutput. Tekst = gjeldende beregning;
} - Gå tilbake til lerretet. Marker hver knapp (unntatt C-, CE- og lik-knappene) og naviger til Hendelsesvindu. Finn Klikk hendelse, og velg button_Click() funksjon. Dette vil utløse funksjonen når du klikker på knappen.
Hvordan beregne resultatet og vise det til brukeren
Opprett en annen funksjon for å beregne det endelige resultatet når brukeren klikker på lik-knappen.
- Opprett en ny funksjon kalt button_Equals_Click(). Først må du formatere strengen for å erstatte X og ÷ tegn med * og /. Deretter bruker du Compute() funksjon for å beregne resultatet. Vis resultatet tilbake til brukeren.
privattomrombutton_Equals_Click(objektavsender, EventArgs e)
{
string formattedCalculation = gjeldende beregning. ToString().Replace("X", "*").ToString().Replace("÷", "/");prøve
{
tekstBoxOutput. Tekst = ny DataTable().Compute (formattedCalculation, null).ToString();
currentCalculation = textBoxOutput. Tekst;
}
å fange (Unntak eks)
{
tekstBoxOutput. Tekst = "0";
gjeldende beregning = "";
}
} - Pass på at du inkluderer try-catch-blokken rundt Compute() funksjon for å fange opp eventuelle ugyldige innganger, for eksempel "123++7". I dette tilfellet, hvis brukeren legger inn en ugyldig beregning, vil resultatet alltid returnere 0.
- De Compute() funksjonen er en del av System. Data navneområde. Legg til bruker-setningen for å inkludere den øverst i klassen, hvis den ikke allerede er der.
ved hjelp avSystem.Data; - Gå tilbake til lerretet. Uthev lik-knappen, og naviger til Hendelsesvindu. Finn Klikk hendelse, og velg button_Equals_Click() funksjon. Dette vil utløse funksjonen når du klikker på lik-knappen.
Slik tømmer du kalkulatoren
Legg til funksjonaliteten for C (Clear) og CE (Clear Entry)-knappene. De Klar -knappen vil slette gjeldende beregning fullstendig. De Fjern oppføring -knappen vil bare slette det sist angitte nummeret eller operatøren.
- Lag en annen funksjon kalt button_Clear_Click(). Dette vil utføres når brukeren klikker på Klar knappen på kalkulatoren. Inne i funksjonen tilbakestiller du beregningen og verdien i resultattekstboksen.
privattomrombutton_Clear_Click(objektavsender, EventArgs e)
{
// Tilbakestill beregningen og tøm tekstboksen
tekstBoxOutput. Tekst = "0";
gjeldende beregning = "";
} - På lerretet markerer du Klar -knappen, og naviger til Hendelsesvindu.
- Finn Klikk begivenhet. Endre verdien til button_Clear_Click.
- Lag en annen funksjon kalt button_ClearEntry_Click(). Dette vil utføres når brukeren klikker på Fjern oppføring knappen på kalkulatoren. Inne i funksjonen fjerner du det siste tegnet fra gjeldende beregningsstreng.
privattomrombutton_ClearEntry_Click(objektavsender, EventArgs e)
{
// Hvis regnestykket ikke er tomt, fjern det siste tallet/operatøren som ble angitt
if (gjeldende beregning. Lengde > 0)
{
currentCalculation = currentCalculation. Fjern (currentCalculation. Lengde - 1, 1);
}// Vis beregningen på nytt på skjermen
tekstBoxOutput. Tekst = gjeldende beregning;
} - På lerretet markerer du Fjern oppføring -knappen, og naviger til Hendelsesvindu.
- Finn Klikk begivenhet. Endre verdien til button_ClearEntry_Click.
Hvordan kjøre kalkulatorapplikasjonen
Du kan kjøre kalkulatoren i Visual Studio for å teste funksjonaliteten.
- Klikk på den grønne avspillingsknappen øverst i Visual Studio-applikasjonen.
- Klikk på knappene på kalkulatoren. Beregningen vises i det hvite rommet øverst på kalkulatoren. Ved å trykke på er lik knappen erstatter den med svaret. De Klar og Fjern oppføring knappene vil også slette beregningen eller oppføringen.
Opprette skrivebordsapplikasjoner ved hjelp av Windows Forms
Du kan lage en skrivebordskalkulator-app ved hjelp av et Windows Forms-prosjekt i Visual Studio. Bruk lerretet og verktøykassen til å dra og slippe UI-elementer for å lage designet til kalkulatoren. Legg til kodelogikken og funksjonaliteten i C#-koden bak filer.
En kalkulator er bare en av mange enkle nybegynnerapper du kan lage mens du lærer å kode. Andre nybegynnerapper du kan lage inkluderer omformere, filbehandlere, terningspill eller flagggeneratorer. Du kan lage disse fra bunnen av ved hjelp av en Windows Forms-applikasjon.
