Avtor: Sharlene Von Drehnen
DelitiTweetDelitiE-naslov

Naučite se ustvariti osnovno aplikacijo za računanje in začnite svojo programsko pot z Windows Forms.

Pri učenju kodiranja je lahko koristno pridobiti izkušnje s ponovnim ustvarjanjem aplikacij, ki že obstajajo. Ena običajna aplikacija za začetnike, s katero lahko začnete, je kalkulator.

Aplikacijo za namizni kalkulator lahko ustvarite s projektom Windows Forms v Visual Studio. V aplikaciji Windows Forms lahko kliknete in povlečete elemente uporabniškega vmesnika na platno, da vizualizirate zasnovo svojega kalkulatorja.

Nato lahko osnovnim datotekam C# dodate logiko kode, da določite, kaj naj se zgodi, ko uporabnik klikne gumb številke, operatorja, počisti ali enako.

Kako dodati elemente uporabniškega vmesnika v kalkulator

Začni z ustvarjanje nove aplikacije Windows Form v Visual Studio. Nato na platno dodajte elemente uporabniškega vmesnika, da ustvarite uporabniški vmesnik kalkulatorja.

instagram viewer

Kako dodati številske in operaterske gumbe

Dodajte gumbe, ki predstavljajo številke in operatorje (+, - itd.), na katere bo uporabnik kliknil.

  1. Pomaknite se do platna, ki mora biti privzeto odprto. Če ni, kliknite na .cs datoteka za obrazec (npr. Form1.cs). Kliknite spustni meni in preklopite v način oblikovanja.
  2. V orodni vrstici poiščite a Gumb element uporabniškega vmesnika. Kliknite in povlecite gumb na platno.
  3. Označite gumb. V oknu lastnosti spremenite vsako od naslednjih lastnosti gumba na ustrezno novo vrednost:
    Lastnina Nova vrednost
    Ime gumb1
    Velikost 120, 120
    Besedilo 1
  4. Na platno dodajte še 19 gumbov, ki bodo predstavljali druge številke, operaterje in funkcije kalkulatorja.
  5. Za vsak gumb označite gumb in spremenite lastnost besedila in imena v oknu lastnosti. Spremenite vrednosti, da se ujemajo s številko ali funkcijo gumba.
    Gumb Ime Lastnina Lastnost besedila
    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
    Dodatek gumbAddition +
    Odštevanje gumbOdštevanje -
    Množenje gumbMnoženje X
    Delitev buttonDivision ÷
    Decimalna vejica buttonDecimal .
    Znak enakosti buttonEquals =
    Desni oklepaj buttonRightBracket )
    Levi oklepaj buttonLeftBracket (
    jasno gumb Počisti C
    Počisti vnos gumb Počisti vnos CE
  6. Preuredite vrstni red gumbov, da ponovite videz standardnega kalkulatorja. Naj bodo vsi gumbi enake velikosti.
  7. Prav tako lahko označite nekaj gumbov in spremenite njihovo barvo v eno po vaši izbiri z uporabo BackColor lastnost v oknu lastnosti.
  8. Označite na primer gumb za dodajanje. Pojdite v okno lastnosti in poiščite BackColor premoženje. Izberite Srebrna s seznama možnosti v spustnem meniju. Izdelate lahko upravljalne gumbe srebro, ter gumba C in CE oranžna.

Kako dodati oznako izhodnega rezultata

Dodajte element uporabniškega vmesnika besedilnega polja, ki predstavlja rezultat, ki ga bo kalkulator prikazal uporabniku.

  1. V orodni vrstici povlecite a Element uporabniškega vmesnika plošče na platno.
  2. Označite ploščo in poiščite BackColor lastnost v oknu lastnosti. Spremenite to v bela. Prav tako lahko spremenite velikost in položaj plošče, da bo videti bolj kot kalkulator.
  3. V orodni vrstici povlecite a Element uporabniškega vmesnika TextBox na platno.
  4. Označite besedilno polje. V oknu lastnosti spremenite naslednje lastnosti na novo vrednost:
    Lastnina Nova vrednost
    ime textBoxOutput
    BorderStyle Noben
    Besedilo 0
    TextAlign Prav
    Omogočeno False
    BackColor Bela
  5. Postavite besedilno polje znotraj plošče.

Kako dodati logiko izračuna

Dodajte kodo za izvedbo računske logike, ko uporabnik klikne gumbe.

  1. Odpri svojo .cs datoteka za obrazec (npr. Form1.cs).
  2. Deklarirajte imenovano spremenljivko trenutni izračun, na vrhu razreda. Ti lahko naučite se ustvarjati razrede v C# če jih ne poznate.
    javni delni razredobrazec1 : Oblika
    {
    zasebni niz currentCalculation = "";

    javnosti obrazec1()
    {
    Inicializiraj komponento();
    }
    }

  3. Pod konstruktorjem ustvarite novo funkcijo, imenovano button_Click(). To se izvede vsakič, ko uporabnik klikne gumb s številko (0-9) ali operatorjem (+, -, X, ÷ itd.).
    zasebnoprazninabutton_Click(pošiljatelj predmeta, EventArgs e)
    {

    }

  4. Eden od argumentov je bil posredovan button_Click() funkcija je predmet gumba, na katerega uporabnik klikne. Izračunu niza dodajte lastnost besedila objekta gumba. Ko uporabnik klikne gumbe, bo to ustvarilo niz za izračun, na primer "22+5-7".
    zasebnoprazninabutton_Click(pošiljatelj predmeta, EventArgs e)
    {
    // To doda število ali operator izračunu niza
    trenutni izračun += (pošiljatelj kot Gumb).Besedilo;

    // Prikaži trenutni izračun nazaj uporabniku
    textBoxOutput. Besedilo = trenutni izračun;
    }

  5. Pojdi nazaj na platno. Označite vsak gumb (razen gumbov C, CE in enako) in se pomaknite do Okno dogodkov. Poišči Kliknite dogodek in izberite button_Click() funkcijo. To bo sprožilo funkcijo, ki se bo izvršila, ko kliknete gumb.

Kako izračunati rezultat in ga prikazati uporabniku

Ustvarite še eno funkcijo za izračun končnega rezultata, ko uporabnik klikne gumb enako.

  1. Ustvarite novo funkcijo, imenovano button_Equals_Click(). Najprej boste morali formatirati niz, da zamenjate X in ÷ znaki z * in /. Nato uporabite Izračunaj() funkcijo za izračun rezultata. Prikažite rezultat nazaj uporabniku.
    zasebnoprazninabutton_Equals_Click(pošiljatelj predmeta, EventArgs e)
    {
    string formattedCalculation = trenutni izračun. ToString().Replace("X", "*").ToString().Replace("÷", "/");

    poskusi
    {
    textBoxOutput. Besedilo = novo DataTable().Compute (formattedCalculation, nič).ToString();
    trenutni izračun = textBoxOutput. besedilo;
    }
    ulov (Izjema ex)
    {
    textBoxOutput. Besedilo = "0";
    trenutni izračun = "";
    }
    }

  2. Prepričajte se, da ste vključili blok try-catch okoli Izračunaj() funkcijo za zajem vseh neveljavnih vnosov, kot je "123++7". V tem primeru, če uporabnik vnese neveljaven izračun, bo rezultat vedno vrnil 0.
  3. The Izračunaj() funkcija je del Sistem. podatki imenski prostor. Dodajte stavek using, da ga vključite na vrh razreda, če še ni tam.
    uporaboSistem.Podatki;
  4. Pojdi nazaj na platno. Označite gumb za enako in se pomaknite do Okno dogodkov. Poišči Kliknite dogodek in izberite button_Equals_Click() funkcijo. To bo sprožilo funkcijo, ki se bo izvršila, ko kliknete gumb enako.

Kako počistiti kalkulator

Dodajte funkcijo za gumba C (Počisti) in CE (Počisti vnos). The jasno bo popolnoma izbrisal trenutni izračun. The Počisti vnos gumb bo izbrisal samo zadnjo vneseno številko ali operaterja.

  1. Ustvarite drugo funkcijo, imenovano button_Clear_Click(). To se bo izvršilo, ko uporabnik klikne na jasno gumb na kalkulatorju. Znotraj funkcije ponastavite izračun in vrednost v besedilnem polju z rezultati.
    zasebnoprazninagumb_Počisti_klik(pošiljatelj predmeta, EventArgs e)
    {
    // Ponastavi izračun in izprazni besedilno polje
    textBoxOutput. Besedilo = "0";
    trenutni izračun = "";
    }
  2. Na platnu označite jasno in se pomaknite do Okno dogodkov.
  3. Poišči Kliknite dogodek. Spremenite vrednost v gumb_Počisti_klik.
  4. Ustvarite drugo funkcijo, imenovano button_ClearEntry_Click(). To se bo izvršilo, ko uporabnik klikne na Počisti vnos gumb na kalkulatorju. Znotraj funkcije odstranite zadnji znak iz trenutnega računskega niza.
    zasebnoprazninabutton_ClearEntry_Click(pošiljatelj predmeta, EventArgs e)
    {
    // Če izračun ni prazen, odstranite zadnje vneseno število/operator
    če (trenutni izračun. Dolžina > 0)
    {
    currentCalculation = trenutni izračun. Odstrani (trenutni izračun. Dolžina - 1, 1);
    }

    // Ponovni prikaz izračuna na zaslonu
    textBoxOutput. Besedilo = trenutni izračun;
    }

  5. Na platnu označite Počisti vnos in se pomaknite do Okno dogodkov.
  6. Poišči Kliknite dogodek. Spremenite vrednost v button_ClearEntry_Click.

Kako zagnati aplikacijo Kalkulator

Kalkulator lahko zaženete v programu Visual Studio, da preizkusite njegovo delovanje.

  1. Kliknite zeleni gumb za predvajanje na vrhu aplikacije Visual Studio.
  2. Kliknite na gumbe kalkulatorja. Izračun bo prikazan v belem prostoru na vrhu kalkulatorja. S pritiskom na enako gumb ga bo nadomestil z odgovorom. The jasno in Počisti vnos gumbi bodo tudi počistili izračun ali vnos.

Ustvarjanje namiznih aplikacij z uporabo Windows Forms

Aplikacijo za namizni kalkulator lahko ustvarite s projektom Windows Forms v Visual Studio. Uporabite platno in orodjarno za vlečenje in spuščanje elementov uporabniškega vmesnika, da ustvarite zasnovo kalkulatorja. Dodajte svojo kodno logiko in funkcionalnost v kodo C# za datotekami.

Kalkulator je le ena od številnih preprostih aplikacij za začetnike, ki jih lahko naredite med učenjem kodiranja. Druge aplikacije za začetnike, ki jih lahko ustvarite, vključujejo pretvornike, upravitelje datotek, igre s kockami ali generatorje zastavic. Ustvarite jih lahko iz nič z aplikacijo Windows Forms.

6 aplikacij za kloniranje, ki jih lahko naredite, ko se učite C# Windows Forms

Preberi Naprej

DelitiTweetDelitiE-naslov

Sorodne teme

  • Programiranje
  • Programiranje
  • Vadnice za kodiranje

O avtorju

Sharlene Von Drehnen (Objavljenih 31 člankov)

Shay dela s polnim delovnim časom kot razvijalec programske opreme in uživa v pisanju vodnikov za pomoč drugim. Je diplomirana IT in ima predhodne izkušnje z zagotavljanjem kakovosti in mentorstvom. Shay obožuje igre in igra klavir.

Več od Sharlene Von Drehnen

Naročite se na naše novice

Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e-knjige in ekskluzivne ponudbe!

Za naročanje kliknite tukaj