Förbi Sharlene Von Drehnen
Dela med sigTweetDela med sigE-post

Lär dig hur du skapar en grundläggande kalkylatorapp och påbörja din programmeringsresa med Windows Forms.

När du lär dig koda kan det vara användbart att få erfarenhet genom att återskapa appar som redan finns. En vanlig nybörjarapp som du kan börja med är en miniräknare.

Du kan skapa en datorkalkylatorapp med ett Windows Forms-projekt i Visual Studio. I ett Windows Forms-program kan du klicka och dra UI-element till en arbetsyta för att visualisera designen av din miniräknare.

Du kan sedan lägga till kodlogik till de underliggande C#-filerna för att avgöra vad som ska hända när användaren klickar på en siffer-, operator-, raderings- eller lika-knapp.

Hur man lägger till UI-element i räknaren

Börja med skapa en ny Windows Form Application i Visual Studio. Lägg sedan till UI-element på arbetsytan för att skapa räknarens användargränssnitt.

Hur man lägger till siffer- och operatörsknapparna

instagram viewer

Lägg till knappar för att representera siffrorna och operatorerna (+, -, etc.) som användaren kommer att klicka på.

  1. Navigera till arbetsytan, som ska vara öppen som standard. Om det inte är det, klicka på .cs fil för formuläret (t.ex. Form1.cs). Klicka på rullgardinsmenyn och växla till designläge.
  2. Sök efter en i verktygslådan Knapp UI-element. Klicka och dra en knapp till arbetsytan.
  3. Markera knappen. I egenskapsfönstret ändrar du var och en av följande knappegenskaper till motsvarande nya värde:
    Fast egendom Nytt värde
    namn knapp1
    Storlek 120, 120
    Text 1
  4. Lägg till ytterligare 19 knappar på arbetsytan för att representera de andra siffrorna, operatorerna och funktionerna i räknaren.
  5. För varje knapp markerar du knappen och ändrar text- och namnegenskapen i egenskapsfönstret. Ändra värdena så att de matchar knappens nummer eller funktion.
    Knapp Namn egendom Text Egenskap
    2 knapp 2 2
    3 knapp 3 3
    4 knapp 4 4
    5 knapp 5 5
    6 knapp 6 6
    7 knapp 7 7
    8 knapp 8 8
    9 knapp 9 9
    0 knapp0 0
    Tillägg knappTillägg +
    Subtraktion knappen Subtraktion -
    Multiplikation knappMultiplikation X
    Division knappDivision ÷
    Decimalpunkt knappDecimal .
    Lika tecken knappLika med =
    Höger fäste knappHögerfäste )
    Vänster fäste knapp Vänsterfäste (
    Klar knappen Rensa C
    Rensa inmatning knappenClearEntry CE
  6. Ändra ordningen på knapparna för att återskapa utseendet på en standardräknare. Håll alla knappar i samma storlek.
  7. Du kan också markera några knappar och ändra deras färg till en av dina val, med hjälp av Bakfärg egenskap i egenskapsfönstret.
  8. Markera till exempel tilläggsknapp. Gå in i egenskapsfönstret och hitta Bakfärg fast egendom. Välja Silver från listan med alternativ i rullgardinsmenyn. Du kan göra operatörsknappar silver-, och knapparna C och CE orange.

Så här lägger du till etiketten för utdataresultat

Lägg till ett textbox UI-element för att representera resultatet som räknaren kommer att visa för användaren.

  1. Dra en i verktygslådan Panel UI-element på duken.
  2. Markera panelen och hitta Bakfärg egenskap i egenskapsfönstret. Ändra detta till vit. Du kan också ändra storlek på och placera om panelen så att den ser mer ut som en miniräknare.
  3. Dra en i verktygslådan TextBox UI-element på duken.
  4. Markera textrutan. I egenskapsfönstret ändrar du följande egenskaper till det nya värdet:
    Fast egendom Nytt värde
    namn textBoxOutput
    BorderStyle Ingen
    Text 0
    TextAlign Höger
    Aktiverad Falsk
    Bakfärg Vit
  5. Placera textrutan inuti panelen.

Hur man lägger till beräkningslogiken

Lägg till kod för att utföra beräkningslogiken när användaren klickar på knapparna.

  1. Öppna din .cs fil för formuläret (till exempel, Form1.cs).
  2. Deklarera en variabel som kallas aktuell beräkning, högst upp i klassen. Du kan lär dig hur du skapar klasser i C# om du inte är bekant med dem.
    offentlig del klassForm1 : Form
    {
    privat sträng currentCalculation = "";

    offentlig Form1()
    {
    InitializeComponent();
    }
    }

  3. Under konstruktorn skapar du en ny funktion som heter button_Click(). Detta kommer att utföras varje gång användaren klickar på en siffra (0-9) eller operatorknapp (+, -, X, ÷, etc.).
    privattomhetbutton_Click(objektavsändare, EventArgs e)
    {

    }

  4. Ett av argumenten gick till button_Click() funktion är föremålet för knappen som användaren klickar på. Lägg till textegenskapen för knappobjektet till strängberäkningen. När användaren klickar på knappar kommer detta att bygga en sträng för beräkningen, till exempel "22+5-7".
    privattomhetbutton_Click(objektavsändare, EventArgs e)
    {
    // Detta lägger till talet eller operatorn till strängberäkningen
    currentCalculation += (avsändare som Knapp-text;

    // Visa den aktuella beräkningen tillbaka för användaren
    textBoxOutput. Text = aktuell beräkning;
    }

  5. Gå tillbaka till duken. Markera varje knapp (exklusive knapparna C, CE och equals) och navigera till Händelsefönster. Hitta Klick händelse och välj button_Click() fungera. Detta kommer att utlösa funktionen när du klickar på knappen.

Hur man beräknar resultatet och visar det för användaren

Skapa ytterligare en funktion för att beräkna slutresultatet när användaren klickar på lika-knappen.

  1. Skapa en ny funktion som heter button_Equals_Click(). Först måste du formatera strängen för att ersätta X och ÷ tecken med * och /. Använd sedan Beräkna() funktion för att beräkna resultatet. Visa resultatet tillbaka för användaren.
    privattomhetbutton_Equals_Click(objektavsändare, EventArgs e)
    {
    string formattedCalculation = aktuellCalculation. ToString().Replace("X", "*").ToString().Replace("÷", "/");

    Prova
    {
    textBoxOutput. Text = ny DataTable().Compute (formattedCalculation, null).Att stränga();
    currentCalculation = textBoxOutput. Text;
    }
    fånga (Undantag ex)
    {
    textBoxOutput. Text = "0";
    nuvarandeKalkyl = "";
    }
    }

  2. Se till att du inkluderar försök-fångst-blocket runt Beräkna() funktion för att fånga eventuella ogiltiga indata, såsom "123++7". I det här fallet, om användaren anger en ogiltig beräkning, kommer resultatet alltid att returnera 0.
  3. De Beräkna() funktion är en del av Systemet. Data namnutrymme. Lägg till användningssatsen för att inkludera den högst upp i klassen, om den inte redan finns där.
    använder sig avSystemet.Data;
  4. Gå tillbaka till duken. Markera lika-knappen och navigera till Händelsefönster. Hitta Klick händelse och välj button_Equals_Click() fungera. Detta kommer att utlösa funktionen att köras när du klickar på lika-knappen.

Hur man rensar räknaren

Lägg till funktionaliteten för knapparna C (Clear) och CE (Clear Entry). De Klar knappen raderar den aktuella beräkningen helt. De Rensa inmatning knappen raderar endast det senast angivna numret eller operatören.

  1. Skapa en annan funktion som heter button_Clear_Click(). Detta kommer att köras när användaren klickar på Klar knappen på räknaren. Inuti funktionen återställer du beräkningen och värdet i resultattextrutan.
    privattomhetbutton_Clear_Click(objektavsändare, EventArgs e)
    {
    // Återställ beräkningen och töm textrutan
    textBoxOutput. Text = "0";
    nuvarandeKalkyl = "";
    }
  2. Markera på duken Klar knappen och navigera till Händelsefönster.
  3. Hitta Klick händelse. Ändra värdet till button_Clear_Click.
  4. Skapa en annan funktion som heter button_ClearEntry_Click(). Detta kommer att köras när användaren klickar på Rensa inmatning knappen på räknaren. Ta bort det sista tecknet från den aktuella beräkningssträngen inuti funktionen.
    privattomhetbutton_ClearEntry_Click(objektavsändare, EventArgs e)
    {
    // Om beräkningen inte är tom, ta bort den senast angivna siffran/operatorn
    if (nuvarande beräkning. Längd > 0)
    {
    currentCalculation = currentCalculation. Ta bort (currentCalculation. Längd - 1, 1);
    }

    // Visa beräkningen igen på skärmen
    textBoxOutput. Text = aktuell beräkning;
    }

  5. Markera på duken Rensa inmatning knappen och navigera till Händelsefönster.
  6. Hitta Klick händelse. Ändra värdet till button_ClearEntry_Click.

Hur man kör kalkylatorapplikationen

Du kan köra kalkylatorn i Visual Studio för att testa dess funktionalitet.

  1. Klicka på den gröna uppspelningsknappen högst upp i Visual Studio-applikationen.
  2. Klicka på knapparna på räknaren. Beräkningen visas i det vita utrymmet överst på räknaren. Genom att trycka på lika knappen kommer att ersätta den med svaret. De Klar och Rensa inmatning knapparna rensar också beräkningen eller inmatningen.

Skapa skrivbordsapplikationer med Windows Forms

Du kan skapa en datorkalkylatorapp med ett Windows Forms-projekt i Visual Studio. Använd duken och verktygslådan för att dra och släppa UI-element för att skapa designen på räknaren. Lägg till din kodlogik och funktionalitet i C#-koden bakom filer.

En miniräknare är bara en av många enkla nybörjarappar som du kan göra samtidigt som du lär dig koda. Andra nybörjarappar du kan skapa inkluderar omvandlare, filhanterare, tärningsspel eller flagggeneratorer. Du kan skapa dessa från början med ett Windows Forms-program.

6 klonappar du kan göra när du lär dig C# Windows Forms

Läs Nästa

Dela med sigTweetDela med sigE-post

Relaterade ämnen

  • Programmering
  • Programmering
  • Handledning för kodning

Om författaren

Sharlene Von Drehnen (31 publicerade artiklar)

Shay arbetar heltid som mjukvaruutvecklare och tycker om att skriva guider för att hjälpa andra. Hon har en kandidatexamen i IT och har tidigare erfarenhet av kvalitetssäkring och handledning. Shay älskar att spela och spela piano.

Mer från Sharlene Von Drehnen

Prenumerera på vårt nyhetsbrev

Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e-böcker och exklusiva erbjudanden!

Klicka här för att prenumerera