Autor: Sharlene von Drehnen
zdieľamTweetujtezdieľamEmail

Naučte sa, ako vytvoriť základnú aplikáciu kalkulačky a začať svoju programovaciu cestu s Windows Forms.

Keď sa učíte kódovať, môže byť užitočné získať skúsenosti opätovným vytváraním aplikácií, ktoré už existujú. Jednou bežnou aplikáciou pre začiatočníkov, s ktorou môžete začať, je kalkulačka.

Aplikáciu počítačovej kalkulačky môžete vytvoriť pomocou projektu Windows Forms vo Visual Studiu. V aplikácii Windows Forms môžete kliknúť na prvky používateľského rozhrania a pretiahnuť ich na plátno, aby ste si vizualizovali dizajn svojej kalkulačky.

Potom môžete pridať logiku kódu do základných súborov C#, aby ste určili, čo sa má stať, keď používateľ klikne na tlačidlo s číslom, operátorom, vymazaním alebo rovná sa.

Ako pridať prvky používateľského rozhrania do kalkulačky

Začnite tým vytvorenie novej aplikácie Windows Form Application vo Visual Studiu. Potom pridajte prvky používateľského rozhrania na plátno a vytvorte používateľské rozhranie kalkulačky.

instagram viewer

Ako pridať čísla a tlačidlá operátora

Pridajte tlačidlá reprezentujúce čísla a operátory (+, - atď.), na ktoré bude používateľ klikať.

  1. Prejdite na plátno, ktoré by malo byť predvolene otvorené. Ak nie, kliknite na .cs súbor formulára (napr. Form1.cs). Kliknite na rozbaľovaciu ponuku a prepnite sa do režimu návrhu.
  2. V paneli s nástrojmi vyhľadajte a Tlačidlo prvok používateľského rozhrania. Kliknite na tlačidlo a potiahnite ho na plátno.
  3. Zvýraznite tlačidlo. V okne vlastností zmeňte každú z nasledujúcich vlastností tlačidla na zodpovedajúcu novú hodnotu:
    Nehnuteľnosť Nová hodnota
    názov tlačidlo1
    Veľkosť 120, 120
    Text 1
  4. Pridajte na plátno ďalších 19 tlačidiel, ktoré budú reprezentovať ostatné čísla, operátory a funkcie kalkulačky.
  5. Pre každé tlačidlo zvýraznite tlačidlo a zmeňte vlastnosti textu a názvu v okne vlastností. Zmeňte hodnoty tak, aby zodpovedali číslu alebo funkcii tlačidla.
    Tlačidlo Názov Nehnuteľnosť Vlastnosť textu
    2 tlačidlo2 2
    3 tlačidlo3 3
    4 tlačidlo4 4
    5 tlačidlo5 5
    6 tlačidlo6 6
    7 tlačidlo7 7
    8 tlačidlo8 8
    9 tlačidlo9 9
    0 tlačidlo0 0
    Doplnenie buttonAddition +
    Odčítanie tlačidloOdčítanie -
    Násobenie tlačidloNásobenie X
    divízie buttonDivision ÷
    Desatinná čiarka tlačidlo Desatinné .
    Znak rovná sa tlačidloRovná sa =
    Pravá konzola buttonRightBracket )
    Ľavá zátvorka buttonLeftBracket (
    jasný tlačidloVymazať C
    Vymazať položku tlačidlo ClearEntry CE
  6. Zmeňte poradie tlačidiel tak, aby sa podobal vzhľadu štandardnej kalkulačky. Udržujte všetky tlačidlá rovnakej veľkosti.
  7. Môžete tiež zvýrazniť niektoré tlačidlá a zmeniť ich farbu na niektorú podľa vlastného výberu pomocou BackColor vlastnosť v okne vlastností.
  8. Napríklad zvýraznite tlačidlo pridania. Prejdite do okna vlastností a nájdite BackColor nehnuteľnosť. Vyberte si Strieborná zo zoznamu možností v rozbaľovacej ponuke. Môžete vytvoriť tlačidlá operátora striebroa tlačidlá C a CE oranžová.

Ako pridať štítok s výsledkom výstupu

Pridajte prvok používateľského rozhrania textového poľa, ktorý bude reprezentovať výsledok, ktorý kalkulačka zobrazí používateľovi.

  1. V paneli s nástrojmi potiahnite a Panel používateľského rozhrania na plátno.
  2. Zvýraznite panel a nájdite BackColor vlastnosť v okne vlastností. Zmeňte toto na biely. Môžete tiež zmeniť veľkosť a umiestnenie panela, aby vyzeral skôr ako kalkulačka.
  3. V paneli s nástrojmi potiahnite a Prvok používateľského rozhrania TextBox na plátno.
  4. Zvýraznite textové pole. V okne vlastností zmeňte nasledujúce vlastnosti na novú hodnotu:
    Nehnuteľnosť Nová hodnota
    názov textBoxOutput
    BorderStyle žiadne
    Text 0
    TextAlign Správny
    Povolené Nepravdivé
    BackColor biely
  5. Umiestnite textové pole do panela.

Ako pridať logiku výpočtu

Pridajte kód na vykonanie výpočtovej logiky, keď používateľ klikne na tlačidlá.

  1. Otvor tvoj .cs súbor formulára (napr. Form1.cs).
  2. Deklarujte premennú tzv aktuálnyVýpočet, na vrchole triedy. Môžeš naučiť sa vytvárať triedy v C# ak ich nepoznáte.
    verejné čiastočné triedaFormulár 1 : Formulár
    {
    súkromný reťazec aktuálnyVýpočet = "";

    verejnosti Form1()
    {
    InitializeComponent();
    }
    }

  3. Pod konštruktorom vytvorte novú funkciu s názvom button_Click(). Toto sa vykoná vždy, keď používateľ klikne na tlačidlo s číslom (0-9) alebo operátorom (+, -, X, ÷ atď.).
    súkromnéneplatnébutton_Click(odosielateľ objektu, EventArgs e)
    {

    }

  4. Jeden z argumentov prešiel na button_Click() funkcia je objekt tlačidla, na ktoré používateľ klikne. Pridajte vlastnosť text objektu tlačidla do výpočtu reťazca. Keď používateľ klikne na tlačidlá, vytvorí sa reťazec pre výpočet, napríklad „22+5-7“.
    súkromnéneplatnébutton_Click(odosielateľ objektu, EventArgs e)
    {
    // Toto pridá číslo alebo operátor do výpočtu reťazca
    currentCalculation += (odosielateľ ako Tlačidlo).Text;

    // Zobrazí aktuálny výpočet späť používateľovi
    textBoxOutput. Text = aktuálnyVýpočet;
    }

  5. Vráťte sa na plátno. Zvýraznite každé tlačidlo (okrem tlačidiel C, CE a rovná sa) a prejdite na Okno udalostí. Nájsť Kliknite udalosť a vyberte button_Click() funkciu. Toto spustí funkciu, ktorá sa spustí po kliknutí na tlačidlo.

Ako vypočítať výsledok a zobraziť ho používateľovi

Vytvorte ďalšiu funkciu na výpočet konečného výsledku, keď používateľ klikne na tlačidlo rovná sa.

  1. Vytvorte novú funkciu s názvom button_Equals_Click(). Najprv budete musieť naformátovať reťazec, ktorý nahradí reťazec X a ÷ postavy s * a /. Potom použite Vypočítať () funkcia na výpočet výsledku. Zobrazte výsledok späť používateľovi.
    súkromnéneplatnébutton_Equals_Click(odosielateľ objektu, EventArgs e)
    {
    string formattedCalculation = aktuálnyVýpočet. ToString().Replace("X", "*").ToString().Nahradiť("÷", "/");

    skúste
    {
    textBoxOutput. Text = Nový DataTable().Compute (formattedCalculation, nulový).Natiahnuť();
    currentCalculation = textBoxOutput. Text;
    }
    chytiť (Výnimka ex)
    {
    textBoxOutput. Text = "0";
    aktuálnyVýpočet = "";
    }
    }

  2. Uistite sa, že ste zahrnuli blok try-catch okolo Vypočítať () funkcia na zachytenie všetkých neplatných vstupov, ako napríklad „123++7“. V tomto prípade, ak používateľ zadá neplatný výpočet, výsledok vždy vráti 0.
  3. The Vypočítať () funkcia je súčasťou Systém. Údaje menný priestor. Pridajte príkaz using, aby ste ho zaradili na začiatok triedy, ak tam ešte nie je.
    použitímSystém.Údaje;
  4. Vráťte sa na plátno. Zvýraznite tlačidlo rovná sa a prejdite na Okno udalostí. Nájsť Kliknite udalosť a vyberte button_Equals_Click() funkciu. Toto spustí funkciu, ktorá sa spustí po kliknutí na tlačidlo rovná sa.

Ako vymazať kalkulačku

Pridajte funkčnosť pre tlačidlá C (Vymazať) a CE (Vymazať zadanie). The jasný tlačidlo úplne vymaže aktuálny výpočet. The Vymazať položku tlačidlo vymaže iba posledné zadané číslo alebo operátora.

  1. Vytvorte ďalšiu funkciu s názvom button_Clear_Click(). Toto sa spustí, keď používateľ klikne na jasný tlačidlo na kalkulačke. Vo vnútri funkcie resetujte výpočet a hodnotu v textovom poli výsledkov.
    súkromnéneplatnébutton_Clear_Click(odosielateľ objektu, EventArgs e)
    {
    // Obnovte výpočet a vyprázdnite textové pole
    textBoxOutput. Text = "0";
    aktuálnyVýpočet = "";
    }
  2. Na plátne zvýraznite jasný a prejdite na položku Okno udalostí.
  3. Nájsť Kliknite udalosť. Zmeňte hodnotu na button_Clear_Click.
  4. Vytvorte ďalšiu funkciu s názvom button_ClearEntry_Click(). Toto sa spustí, keď používateľ klikne na Vymazať položku tlačidlo na kalkulačke. Vo vnútri funkcie odstráňte posledný znak z aktuálneho výpočtového reťazca.
    súkromnéneplatnébutton_ClearEntry_Click(odosielateľ objektu, EventArgs e)
    {
    // Ak výpočet nie je prázdny, odstráňte posledné zadané číslo/operátor
    if (aktuálny Výpočet. Dĺžka > 0)
    {
    currentCalculation = aktuálnyVýpočet. Odstrániť (aktuálny výpočet. Dĺžka - 1, 1);
    }

    // Opätovné zobrazenie výpočtu na obrazovke
    textBoxOutput. Text = aktuálnyVýpočet;
    }

  5. Na plátne zvýraznite Vymazať položku a prejdite na položku Okno udalostí.
  6. Nájsť Kliknite udalosť. Zmeňte hodnotu na button_ClearEntry_Click.

Ako spustiť aplikáciu Kalkulačka

Ak chcete otestovať jej funkčnosť, môžete spustiť kalkulačku vo Visual Studiu.

  1. Kliknite na zelené tlačidlo prehrávania v hornej časti aplikácie Visual Studio.
  2. Kliknite na tlačidlá kalkulačky. Výpočet sa zobrazí v bielom priestore v hornej časti kalkulačky. Stlačením tlačidla rovná sa tlačidlo ho nahradí odpoveďou. The jasný a Vymazať položku Tlačidlá tiež vymažú výpočet alebo zadanie.

Vytváranie desktopových aplikácií pomocou Windows Forms

Aplikáciu počítačovej kalkulačky môžete vytvoriť pomocou projektu Windows Forms vo Visual Studiu. Použite plátno a Toolbox na pretiahnutie prvkov používateľského rozhrania, aby ste vytvorili dizajn kalkulačky. Pridajte svoju logiku a funkčnosť kódu do kódu C# za súbormi.

Kalkulačka je len jednou z mnohých jednoduchých aplikácií pre začiatočníkov, ktoré si môžete vytvoriť pri učení sa kódovania. Medzi ďalšie aplikácie pre začiatočníkov, ktoré môžete vytvoriť, patria konvertory, správcovia súborov, hry s kockami alebo generátory príznakov. Môžete ich vytvoriť úplne od začiatku pomocou aplikácie Windows Forms.

6 klonovaných aplikácií, ktoré môžete vytvoriť pri učení C# Windows Forms

Prečítajte si ďalej

zdieľamTweetujtezdieľamEmail

Súvisiace témy

  • Programovanie
  • Programovanie
  • Návody na kódovanie

O autorovi

Sharlene von Drehnen (31 publikovaných článkov)

Shay pracuje na plný úväzok ako vývojár softvéru a rád píše príručky, ktoré pomôžu ostatným. Má bakalársky titul z IT a predchádzajúce skúsenosti so zabezpečovaním kvality a doučovaním. Shay miluje hry a hru na klavír.

Viac od Sharlene Von Drehnen

prihlásiť sa ku odberu noviniek

Pripojte sa k nášmu bulletinu a získajte technické tipy, recenzie, bezplatné e-knihy a exkluzívne ponuky!

Ak sa chcete prihlásiť na odber, kliknite sem