Ved Sharlene Von Drehnen
DelTweetDelE-mail

Lær, hvordan du opretter en grundlæggende lommeregner-app, og start din programmeringsrejse med Windows Forms.

Når du skal lære at kode, kan det være nyttigt at få erfaring ved at genskabe apps, der allerede eksisterer. En almindelig begynderapp, som du kan starte med, er en lommeregner.

Du kan oprette en desktop-beregnerapp ved hjælp af et Windows Forms-projekt i Visual Studio. I et Windows Forms-program kan du klikke og trække UI-elementer til et lærred for at visualisere designet af din lommeregner.

Du kan derefter tilføje kodelogik til de underliggende C#-filer for at bestemme, hvad der skal ske, når brugeren klikker på en tal-, operator-, slet- eller lig-knap.

Sådan tilføjer du UI-elementer til lommeregneren

Start med oprettelse af en ny Windows-formularapplikation i Visual Studio. Tilføj derefter UI-elementer til lærredet for at skabe lommeregnerens brugergrænseflade.

Sådan tilføjes tal- og operatørknapper

instagram viewer

Tilføj knapper for at repræsentere de tal og operatorer (+, - osv.), som brugeren vil klikke på.

  1. Naviger til lærredet, som skal være åbent som standard. Hvis det ikke er det, skal du klikke på .cs fil til formularen (f.eks. Form1.cs). Klik på rullemenuen og skift til designtilstand.
  2. I værktøjskassen skal du søge efter en Knap UI element. Klik og træk en knap til lærredet.
  3. Fremhæv knappen. I egenskabsvinduet skal du ændre hver af følgende knapegenskaber til dens tilsvarende nye værdi:
    Ejendom Ny værdi
    Navn knap 1
    Størrelse 120, 120
    Tekst 1
  4. Tilføj yderligere 19 knapper til lærredet for at repræsentere de andre tal, operatorer og funktioner i lommeregneren.
  5. For hver knap skal du fremhæve knappen og ændre tekst- og navnegenskaben i egenskabsvinduet. Skift værdierne, så de passer til knappens nummer eller funktion.
    Knap Navn Ejendom Tekstegenskab
    2 knap 2 2
    3 knap 3 3
    4 knap 4 4
    5 knap 5 5
    6 knap 6 6
    7 knap 7 7
    8 knap 8 8
    9 knap 9 9
    0 knap 0 0
    Tilføjelse knapTilføjelse +
    Subtraktion knapsubtraktion -
    Multiplikation knapMultiplikation x
    Division knapDivision ÷
    Decimaltegnet knapDecimal .
    Lige tegn knapEr lig med =
    Højre beslag knap Højre beslag )
    Venstre beslag knap Venstre beslag (
    Klar knap Ryd C
    Ryd indtastning knap ClearEntry CE
  6. Omarranger rækkefølgen af ​​knapperne for at genskabe udseendet af en standardregner. Hold alle knapperne i samme størrelse.
  7. Du kan også fremhæve nogle knapper og ændre deres farve til en efter eget valg ved hjælp af Bagsidefarve ejendom i egenskabsvinduet.
  8. Fremhæv f.eks tilføjelsesknap. Gå ind i egenskabsvinduet og find Bagsidefarve ejendom. Vælge Sølv fra listen over muligheder i rullemenuen. Du kan lave operatørknapper sølv, og knapperne C og CE orange.

Sådan tilføjes outputresultatetiketten

Tilføj et tekstboks-UI-element for at repræsentere det resultat, som lommeregneren vil vise til brugeren.

  1. Træk en i værktøjskassen Panel UI element på lærredet.
  2. Fremhæv panelet, og find Bagsidefarve ejendom i egenskabsvinduet. Skift dette til hvid. Du kan også ændre størrelsen på og omplacere panelet for at få det til at ligne mere en lommeregner.
  3. Træk en i værktøjskassen TextBox UI-element på lærredet.
  4. Fremhæv tekstboksen. I egenskabsvinduet skal du ændre følgende egenskaber til den nye værdi:
    Ejendom Ny værdi
    navn tekstBoxOutput
    BorderStyle Ingen
    Tekst 0
    Tekstjustering Ret
    Aktiveret Falsk
    Bagsidefarve hvid
  5. Placer tekstboksen inde i panelet.

Sådan tilføjes beregningslogikken

Tilføj kode for at udføre beregningslogikken, når brugeren klikker på knapperne.

  1. Åben din .cs fil til formularen (f.eks. Form1.cs).
  2. Erklære en variabel kaldet nuværende beregning, i toppen af ​​klassen. Du kan lær hvordan du opretter klasser i C# hvis du ikke er bekendt med dem.
    offentlig del klasseForm 1 : Form
    {
    privat streng aktuel Beregning = "";

    offentlig Form1()
    {
    InitializeComponent();
    }
    }

  3. Under konstruktøren skal du oprette en ny funktion kaldet button_Click(). Dette udføres hver gang, brugeren klikker på et tal (0-9) eller en operator-knap (+, -, X, ÷ osv.).
    privatugyldigknap_Klik(objektafsender, EventArgs e)
    {

    }

  4. Et af argumenterne gik videre til button_Click() funktion er objektet for den knap, brugeren klikker på. Tilføj tekstegenskaben for knapobjektet til strengberegningen. Når brugeren klikker på knapper, vil dette bygge en streng til beregningen, såsom "22+5-7".
    privatugyldigknap_Klik(objektafsender, EventArgs e)
    {
    // Dette tilføjer tallet eller operatoren til strengberegningen
    nuværende beregning += (afsender som Knap).Tekst;

    // Vis den aktuelle beregning tilbage til brugeren
    tekstBoxOutput. Tekst = aktuel Beregning;
    }

  5. Gå tilbage til lærredet. Fremhæv hver knap (undtagen knapperne C, CE og lig), og naviger til Begivenheder vindue. Find Klik begivenhed, og vælg button_Click() fungere. Dette vil udløse funktionen til at udføre, når du klikker på knappen.

Hvordan man beregner resultatet og viser det til brugeren

Opret en anden funktion til at beregne det endelige resultat, når brugeren klikker på lig-knappen.

  1. Opret en ny funktion kaldet button_Equals_Click(). Først skal du formatere strengen for at erstatte x og ÷ tegn med * og /. Brug derefter Beregn() funktion til at beregne resultatet. Vis resultatet tilbage til brugeren.
    privatugyldigbutton_Equals_Click(objektafsender, EventArgs e)
    {
    string formattedCalculation = currentCalculation. ToString().Replace("x", "*").ToString().Replace("÷", "/");

    prøve
    {
    tekstBoxOutput. Tekst = ny DataTable().Compute (formattedCalculation, nul).ToString();
    currentCalculation = textBoxOutput. Tekst;
    }
    fangst (Undtagelse eks)
    {
    tekstBoxOutput. Tekst = "0";
    nuværende beregning = "";
    }
    }

  2. Sørg for at inkludere try-catch-blokken rundt om Beregn() funktion til at fange eventuelle ugyldige input, såsom "123++7". I dette tilfælde, hvis brugeren indtaster en ugyldig beregning, vil resultatet altid returnere 0.
  3. Det Beregn() funktion er en del af System. Data navneområde. Tilføj bruger-sætningen for at inkludere den øverst i klassen, hvis den ikke allerede er der.
    ved brug afSystem.Data;
  4. Gå tilbage til lærredet. Fremhæv lige-knappen, og naviger til Begivenheder vindue. Find Klik begivenhed, og vælg button_Equals_Click() fungere. Dette vil udløse funktionen til at udføre, når du klikker på lig-knappen.

Sådan rydder du lommeregneren

Tilføj funktionaliteten for knapperne C (Clear) og CE (Clear Entry). Det Klar knappen vil helt slette den aktuelle beregning. Det Ryd indtastning knappen sletter kun det sidst indtastede nummer eller operatør.

  1. Opret en anden funktion kaldet button_Clear_Click(). Dette udføres, når brugeren klikker på Klar knappen på lommeregneren. Inde i funktionen skal du nulstille beregningen og værdien i resultattekstboksen.
    privatugyldigbutton_Clear_Click(objektafsender, EventArgs e)
    {
    // Nulstil beregningen og tøm tekstboksen
    tekstBoxOutput. Tekst = "0";
    nuværende beregning = "";
    }
  2. Fremhæv på lærredet Klar knappen, og naviger til Begivenhedsvindue.
  3. Find Klik begivenhed. Skift værdien til button_Clear_Click.
  4. Opret en anden funktion kaldet button_ClearEntry_Click(). Dette udføres, når brugeren klikker på Ryd indtastning knappen på lommeregneren. Inde i funktionen skal du fjerne det sidste tegn fra den aktuelle beregningsstreng.
    privatugyldigbutton_ClearEntry_Click(objektafsender, EventArgs e)
    {
    // Hvis beregningen ikke er tom, skal du fjerne det sidst indtastede tal/operatør
    if (nuværende Beregning. Længde > 0)
    {
    currentCalculation = currentCalculation. Fjern (currentCalculation. Længde - 1, 1);
    }

    // Vis beregningen igen på skærmen
    tekstBoxOutput. Tekst = aktuel Beregning;
    }

  5. Fremhæv på lærredet Ryd indtastning knappen, og naviger til Begivenhedsvindue.
  6. Find Klik begivenhed. Skift værdien til button_ClearEntry_Click.

Sådan kører du Lommeregner-applikationen

Du kan køre lommeregneren i Visual Studio for at teste dens funktionalitet.

  1. Klik på den grønne afspilningsknap øverst i Visual Studio-applikationen.
  2. Klik på knapperne på lommeregneren. Beregningen vises i det hvide rum øverst på lommeregneren. Ved at trykke på lige med knappen erstatter den med svaret. Det Klar og Ryd indtastning knapper vil også rydde beregningen eller indtastningen.

Oprettelse af skrivebordsapplikationer ved hjælp af Windows Forms

Du kan oprette en desktop-beregnerapp ved hjælp af et Windows Forms-projekt i Visual Studio. Brug lærredet og værktøjskassen til at trække og slippe UI-elementer for at udgøre designet af lommeregneren. Tilføj din kodelogik og funktionalitet i C#-koden bag filer.

En lommeregner er blot en af ​​mange simple begynder-apps, som du kan lave, mens du lærer at kode. Andre begynder-apps, du kan oprette, omfatter konvertere, filhåndtering, terningespil eller flaggeneratorer. Du kan oprette disse fra bunden ved hjælp af et Windows Forms-program.

6 klonapps, du kan lave, når du lærer C# Windows-formularer

Læs Næste

DelTweetDelE-mail

Relaterede emner

  • Programmering
  • Programmering
  • Kodningsvejledninger

Om forfatteren

Sharlene Von Drehnen (31 artikler udgivet)

Shay arbejder fuld tid som softwareudvikler og nyder at skrive guider til at hjælpe andre. Hun har en bachelor i IT og har tidligere erfaring med kvalitetssikring og vejledning. Shay elsker at spille og spille klaver.

Mere fra Sharlene Von Drehnen

Abonner på vores nyhedsbrev

Tilmeld dig vores nyhedsbrev for tekniske tips, anmeldelser, gratis e-bøger og eksklusive tilbud!

Klik her for at abonnere