Po Sharlene Von Drehnen
UdioCvrkutUdioE-mail

Naučite kako izraditi osnovnu aplikaciju kalkulatora i započnite svoje programersko putovanje uz Windows Forms.

Kada učite kodirati, može biti korisno steći iskustvo ponovnim stvaranjem aplikacija koje već postoje. Jedna uobičajena aplikacija za početnike s kojom možete početi jest kalkulator.

Aplikaciju stolnog kalkulatora možete izraditi pomoću projekta Windows Forms u Visual Studiju. U aplikaciji Windows Forms možete kliknuti i povući elemente korisničkog sučelja na platno kako biste vizualizirali dizajn svog kalkulatora.

Zatim možete dodati logiku koda temeljnim C# datotekama kako biste odredili što bi se trebalo dogoditi kada korisnik klikne gumb broja, operatora, brisanja ili jednakosti.

Kako dodati elemente korisničkog sučelja u kalkulator

Počni od stvaranje nove Windows Form aplikacije u Visual Studiju. Zatim dodajte elemente korisničkog sučelja na platno kako biste stvorili korisničko sučelje kalkulatora.

instagram viewer

Kako dodati brojčane i operatorske tipke

Dodajte gumbe za predstavljanje brojeva i operatora (+, - itd.) na koje će korisnik kliknuti.

  1. Dođite do platna koje bi prema zadanim postavkama trebalo biti otvoreno. Ako nije, kliknite na .cs datoteka za obrazac (npr. Form1.cs). Pritisnite padajući izbornik i prebacite se na način dizajna.
  2. U okviru s alatima potražite a Dugme element korisničkog sučelja. Kliknite i povucite gumb na platno.
  3. Označite gumb. U prozoru svojstava promijenite svako od sljedećih svojstava gumba na odgovarajuću novu vrijednost:
    Vlasništvo Nova vrijednost
    Ime gumb1
    Veličina 120, 120
    Tekst 1
  4. Dodajte još 19 gumba na platno za predstavljanje ostalih brojeva, operatora i funkcija kalkulatora.
  5. Za svaki gumb označite gumb i promijenite svojstvo teksta i naziva u prozoru svojstava. Promijenite vrijednosti tako da odgovaraju broju ili funkciji gumba.
    Dugme Ime nekretnine Svojstvo teksta
    2 gumb2 2
    3 gumb3 3
    4 gumb4 4
    5 gumb5 5
    6 gumb6 6
    7 gumb7 7
    8 gumb8 8
    9 gumb9 9
    0 gumb0 0
    Dodatak gumbAddition +
    Oduzimanje gumbOduzimanje -
    Množenje gumbMnoženje x
    Podjela gumbDivision ÷
    Decimalna točka buttonDecimal .
    Znak jednako buttonEquals =
    Desna zagrada buttonRightBracket )
    Lijeva zagrada gumbLijeviZagrada (
    Čisto gumb Očisti C
    Obriši unos gumbClearEntry CE
  6. Promijenite redoslijed gumba kako biste ponovili izgled standardnog kalkulatora. Neka svi gumbi budu iste veličine.
  7. Također možete označiti neke gumbe i promijeniti im boju u neku po vašem izboru, koristeći BackColor svojstvo u prozoru svojstava.
  8. Na primjer, označite gumb za dodavanje. Idite u prozor svojstava i pronađite BackColor vlasništvo. Odaberite Srebro s popisa opcija u padajućem izborniku. Možete napraviti gumbe operatera srebro, te tipke C i CE naranča.

Kako dodati oznaku izlaznog rezultata

Dodajte element korisničkog sučelja tekstualnog okvira za predstavljanje rezultata koji će kalkulator prikazati korisniku.

  1. U okviru s alatima povucite a Element korisničkog sučelja ploče na platno.
  2. Označite ploču i pronađite BackColor svojstvo u prozoru svojstava. Promijeni ovo u bijela. Također možete promijeniti veličinu i položaj ploče kako bi izgledala više kao kalkulator.
  3. U okviru s alatima povucite a Element korisničkog sučelja TextBox na platno.
  4. Označite tekstni okvir. U prozoru svojstava promijenite sljedeća svojstva na novu vrijednost:
    Vlasništvo Nova vrijednost
    Ime textBoxOutput
    BorderStyle Nijedan
    Tekst 0
    TextAlign Pravo
    Omogućeno lažno
    BackColor Bijela
  5. Postavite tekstualni okvir unutar ploče.

Kako dodati logiku izračuna

Dodajte kôd za izvršavanje logike izračuna kada korisnik klikne na gumbe.

  1. Otvori svoju .cs datoteka za obrazac (na primjer, Form1.cs).
  2. Deklarirajte varijablu tzv trenutni izračun, na vrhu razreda. Možeš naučite kako kreirati klase u C# ako niste upoznati s njima.
    javni djelomični razredaObrazac1 : Oblik
    {
    privatni niz CurrentCalculation = "";

    javnost obrazac1()
    {
    Inicijaliziraj komponentu();
    }
    }

  3. Ispod konstruktora stvorite novu funkciju pod nazivom button_Click(). Ovo će se izvršiti svaki put kada korisnik klikne gumb s brojem (0-9) ili operatorom (+, -, X, ÷, itd.).
    privatniponištitibutton_Click(pošiljatelj objekta, EventArgs e)
    {

    }

  4. Jedan od argumenata proslijeđen je button_Click() funkcija je objekt gumba na koji korisnik klikne. Dodajte svojstvo teksta objekta gumba izračunu niza. Kako korisnik klikne na gumbe, to će izgraditi niz za izračun, kao što je "22+5-7".
    privatniponištitibutton_Click(pošiljatelj objekta, EventArgs e)
    {
    // Ovo dodaje broj ili operator izračunu niza
    CurrentCalculation += (pošiljatelj kao Button).Tekst;

    // Prikaži trenutni izračun natrag korisniku
    textBoxOutput. Tekst = trenutni izračun;
    }

  5. Vrati se na platno. Označite svaki gumb (isključujući gumbe C, CE i jednako) i idite do Prozor događaja. Naći Klik događaj i odaberite button_Click() funkcija. Ovo će pokrenuti funkciju da se izvrši kada kliknete gumb.

Kako izračunati rezultat i prikazati ga korisniku

Stvorite još jednu funkciju za izračun konačnog rezultata kada korisnik klikne na gumb jednako.

  1. Napravite novu funkciju tzv button_Equals_Click(). Najprije ćete morati formatirati niz kojim ćete zamijeniti x i ÷ likovi sa * i /. Zatim upotrijebite Izračunaj() funkcija za izračunavanje rezultata. Prikaži rezultat natrag korisniku.
    privatniponištitibutton_Equals_Click(pošiljatelj objekta, EventArgs e)
    {
    string formattedCalculation = currentCalculation. ToString().Replace("x", "*").ToString().Replace("÷", "/");

    probati
    {
    textBoxOutput. Tekst = novi DataTable().Compute (formattedCalculation, ništavan).ToString();
    CurrentCalculation = textBoxOutput. Tekst;
    }
    ulov (Iznimka ex)
    {
    textBoxOutput. Tekst = "0";
    trenutni izračun = "";
    }
    }

  2. Provjerite jeste li uključili blok try-catch oko Izračunaj() funkcija za hvatanje svih nevažećih unosa, kao što je "123++7". U ovom slučaju, ako korisnik unese nevažeći izračun, rezultat će uvijek vratiti 0.
  3. The Izračunaj() funkcija je dio Sustav. Podaci imenski prostor. Dodajte naredbu using da je uključite na vrh klase, ako već nije tamo.
    korištenjemSustav.Podaci;
  4. Vrati se na platno. Označite gumb jednako i idite na Prozor događaja. Naći Klik događaj i odaberite button_Equals_Click() funkcija. Ovo će pokrenuti funkciju da se izvrši kada kliknete gumb jednako.

Kako očistiti kalkulator

Dodajte funkciju za tipke C (Brisanje) i CE (Brisanje unosa). The Čisto gumb će potpuno izbrisati trenutni izračun. The Obriši unos izbrisat će samo posljednji uneseni broj ili operatora.

  1. Stvorite drugu funkciju tzv button_Clear_Click(). Ovo će se izvršiti kada korisnik klikne na Čisto gumb na kalkulatoru. Unutar funkcije poništite izračun i vrijednost unutar tekstnog okvira rezultata.
    privatniponištitibutton_Clear_Click(pošiljatelj objekta, EventArgs e)
    {
    // Resetirajte izračun i ispraznite tekstualni okvir
    textBoxOutput. Tekst = "0";
    trenutni izračun = "";
    }
  2. Na platnu označite Čisto i idite na Prozor događaja.
  3. Naći Klik događaj. Promijenite vrijednost u button_Clear_Click.
  4. Stvorite drugu funkciju tzv button_ClearEntry_Click(). Ovo će se izvršiti kada korisnik klikne na Obriši unos gumb na kalkulatoru. Unutar funkcije uklonite posljednji znak iz tekućeg niza izračuna.
    privatniponištitibutton_ClearEntry_Click(pošiljatelj objekta, EventArgs e)
    {
    // Ako izračun nije prazan, uklonite zadnji uneseni broj/operator
    ako (trenutni izračun. Duljina > 0)
    {
    CurrentCalculation = trenutni Izračun. Ukloni (trenutni izračun. Duljina - 1, 1);
    }

    // Ponovno prikaži izračun na ekranu
    textBoxOutput. Tekst = trenutni izračun;
    }

  5. Na platnu označite Obriši unos i idite na Prozor događaja.
  6. Naći Klik događaj. Promijenite vrijednost u button_ClearEntry_Click.

Kako pokrenuti aplikaciju Kalkulator

Možete pokrenuti kalkulator u Visual Studiju da testirate njegovu funkcionalnost.

  1. Pritisnite zeleni gumb za reprodukciju na vrhu aplikacije Visual Studio.
  2. Kliknite na gumbe kalkulatora. Izračun će se prikazati u bijelom prostoru na vrhu kalkulatora. Pritiskom na jednaki gumb će ga zamijeniti odgovorom. The Čisto i Obriši unos gumbi će također izbrisati izračun ili unos.

Stvaranje desktop aplikacija pomoću Windows Forms

Aplikaciju stolnog kalkulatora možete izraditi pomoću projekta Windows Forms u Visual Studiju. Upotrijebite platno i Toolbox za povlačenje i ispuštanje elemenata korisničkog sučelja kako biste izradili dizajn kalkulatora. Dodajte svoju logiku koda i funkcionalnost u C# kod iza datoteka.

Kalkulator je samo jedna od mnogih jednostavnih aplikacija za početnike koje možete napraviti dok učite kodirati. Druge aplikacije za početnike koje možete izraditi uključuju pretvarače, upravitelje datotekama, igre s kockicama ili generatore zastavica. Možete ih izraditi od nule pomoću aplikacije Windows Forms.

6 aplikacija za kloniranje koje možete napraviti dok učite C# Windows Forms

Pročitajte dalje

UdioCvrkutUdioE-mail

Povezane teme

  • Programiranje
  • Programiranje
  • Vodiči kodiranja

O autoru

Sharlene Von Drehnen (Objavljen 31 članak)

Shay radi puno radno vrijeme kao programer softvera i uživa u pisanju vodiča za pomoć drugima. Diplomirala je IT i ima prethodno iskustvo u osiguranju kvalitete i podučavanju. Shay voli igrice i sviranje klavira.

Više od Sharlene Von Drehnen

Pretplatite se na naše obavijesti

Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e-knjige i ekskluzivne ponude!

Kliknite ovdje da se pretplatite