2. díl - Jednoduchá kalkulačka v C# .NET Windows Forms

C# .NET Windows Forms Jednoduchá kalkulačka v C# .NET Windows Forms

V minulém dílu seriálu tutoriálů o tvorbě formulářových aplikací v C# .NET jsme si uvedli technologii Windows Forms a vytvořili okno s textovým popiskem. V dnešním dílu se podíváme na události a vytvoříme jednoduchou kalkulačku. Bude vypadat takto:

Kalkulačka v C# .NET v oknu

Příprava formuláře

Založte si nový Windows Forms projekt s názvem Kalkulacka. Formulář přejmenujeme na KalkulackaForm. U aplikací se většinou začíná právě návrhem formuláře. Z Toolboxu na něj natáhneme několik kontrolek. Budeme potřebovat:

  • 2x Label
  • 1x Button
  • 2x NumericUpDown
  • 1x ComboBox

Label

Label již známe, jedná se jednoduše o textový popisek.

Pokud kontrolky nepoužíváme z kódu, nemusíme je pojmenovávat. Pokud ano, měli bychom jim nastavit vlastnost Name (v oknu Properties je název vlastnosti v závorce (Name)) a přes toto jméno ke kontrolce poté z kódu přistoupíme. Doporučuji si přepnout zobrazení vlastností z kategorizovaného na abecední (první 2 ikonky v Properties oknu), vlastnosti najdete rychleji. Name je tedy jméno objektu, Text je to, co je na objektu napsáno. Z toho logicky vyplývá, že na formuláři můžeme mít více kontrolek se stejným textem, ale jen jednu s určitým jménem.

Jeden label bude sloužit jen jako popisek s textem "=", nastavte mu ho. Druhý Label bude sloužit pro výpis výsledku a jelikož do něj budeme programově vkládat hodnotu, nastavíme jeho vlastnost Name na vysledekLabel. Text nastavíme na hodnotu "0". Font výsledku můžeme zvětšit na velikost 10.

Button

Button je jednoduše tlačítko, které v případě stisku zavolá nějakou metodu (přesněji vyvolá událost). V našem případě se bude tlačítko jmenovat vypocitejButton a jeho Text bude nastaven na "Vypočítej". Událost tlačítku přiřadíme později.

NumericUpDown

NumericUpDown je první kontrolka k zadávání hodnoty, kterou si uvedeme. Ve výchozím nastavení do ní můžeme zadat jen celé číslo. Toto chování lze změnit nastavením vlastnosti DecimalPlaces, která udává počet desetinných míst. Tuto hodnotu nastavme na 2 oběma kontrolkám. Také nastavíme vlastnosti Minimum a Maximum, v našem případě minimum na nějakou nízkou hodnotu a maximum na nějakou vysokou, např. -1000000 a 1000000. Pokud bychom chtěli využít maximální hodnoty daného datového typu, musíme limity nastavit v kódu formuláře pomocí vlastnosti MaxValue a MinValue na daném datovém typu.

Výhodou zadávání čísel touto kontrolkou je, že uživatel nemůže zadat nesmyslnou hodnotu. Pokud bychom číslo parsovali z TextBoxu (který si ukážeme v dalších dílech), mohla by naše aplikace při nevalidním vstupu spadnout. Je vždy jednodušší vybrat správnou kontrolku než ošetřovat uživatelský vstup.

Kontrolky pojmenujeme jako cislo1NumericUpDown a cislo2NumericUp­Down. Všimněte si, že jméno by mělo vždy obsahovat i typ kontrolky. Můžeme tak mít např. vekLabel a vekNumericUpDown, kdy label je popisek pole k zadání věku a numericUpDown je potom toto pole. Navíc se v kódu potom lépe orientuje. Někdy se používá i cisloNmr, vypocitejBtn a podobně.

ComboBox

Jsme skoro v cíli. ComboBox je vyjížděcí seznam s několika předdefinovanými prvky. Prvky můžeme buď naklikat v návrháři nebo vložit z kódu a to i za běhu programu. Toto platí pro všechny komponenty, všechny vlastnosti z návrháře můžeme nastavovat i z kódu. Některé pokročilé vlastnosti jdou však nastavit jen z kódu a v návrháři nejsou.

Kontrolku pojmenujeme operaceComboBox a u vlastnosti Items klikneme na tlačítko "...". Do nově otevřeného okna vypíšeme možnosti, které v comboBoxu půjdou vybrat. Každou možnost zapíšeme na samostatný řádek, v našem případě to budou hodnoty "+", "-", "*", "/".

Položky ComboBoxu ze C# .NET ve Visual Studio

Pozn.: Položkami nemusí být jen textové řetězce, ale i objekty. Ukážeme si to později.

Vybranou položku lze bohužel nastavit jen z kódu.

Nastavené kontrolky uspořádáme na formulář tak, jak bylo uvedeno na začátku článku.

Kód formuláře

Přesuneme se do zdrojového kódu formuláře. Již víme, že to uděláme zkratkou CTRL + ALT + 0 nebo pravým myšítkem na formulář a View Code.

V konstruktoru formuláře hned po zavolání InitializeCom­ponents() nastavíme vybranou položku pro operaceComboBox. Uděláme to nastavením vlastnosti SelectedIndex na 0, tedy první položku:

public KalkulackaForm()
{
        InitializeComponent();
        operaceComboBox.SelectedIndex = 0;
}

Z formuláře máme samozřejmě přístup ke všem jeho kontrolkám.

Do konstruktoru vkládáme ten kód, který se má vykonat po vytvoření formuláře, ale to je snad jasné. Když aplikaci spustíte, bude vybrané sčítání:

Vybrání položky ComboBoxu v C# .NET

Obsluha událostí

Zbývá nám tedy již jen reagovat na událost kliknutí tlačítka. Přesuneme se z kódu zpět na formulář a na tlačítko 2x klikneme. V kódu nám přibyla nová metoda:

private void vypocitejButton_Click(object sender, EventArgs e)
{

}

Pokud jste dočetli zdejší objektový seriál, hlavička metody vám bude nápadně připomínat EventHandler. V souboru KalkulackaFor­m.Designer.cs bychom nalezli kód, který události tlačítka přiděluje právě tuto metodu. Pokud jste předchozím větám nerozuměli, vůbec to nevadí. Bude vám stačit, že se tato metoda spustí v případě, když se na tlačítko klikne.

Vraťme se ještě do designeru (klávesa Shift + F7) a označme tlačítko. V oknu properties můžeme přepínat mezi Vlastnostmi a Událostmi a to pomocí níže zvýrazněných tlačítek:

Události ve Visual Studio

Vidíme zde naší událost Click, kterou odsud můžeme odstranit a případně znovu přidat. Některé kontrolky mají speciální události, pro které vygenerujeme metody právě odtud.

Nikdy neodstraňujte události tak, že vymažete obslužnou metodu z kódu, designer by přestal fungovat a museli byste jeho soubor opravit (konkrétně odstranit přiřazení neexistující metody do události). Správně je to jedině přes designer.

Výpočet

Přejděme k samotnému výpočtu. Kód nebude nijak složitý, jednoduše v obslužné metodě tlačítka naifujeme vybrané položky operaceComboBoxu a podle toho vypočítáme výsledek. Ten poté nastavíme jako text vysledekLabel. Neměli bychom zapomenout ošetřit dělení nulou.

Kód obslužné metody by mohl vypadat takto:

private void vypocitejButton_Click(object sender, EventArgs e)
{
        // příprava proměnných
        string operace = operaceComboBox.SelectedItem.ToString();
        double cislo1 = Convert.ToDouble(cislo1NumericUpDown.Value);
        double cislo2 = Convert.ToDouble(cislo2NumericUpDown.Value);
        double vysledek = 0;

        // výpočet
        if (operace == "+")
                vysledek = cislo1 + cislo2;
        else if (operace == "-")
                vysledek = cislo1 - cislo2;
        else if (operace == "*")
                vysledek = cislo1 * cislo2;
        else if (operace == "/")
        {
                if (cislo2 != 0)
                        vysledek = cislo1 / cislo2;
                else
                        MessageBox.Show("Nulou nelze dělit");
        }
        vysledekLabel.Text = vysledek.ToString();
}

Nejprve si uložíme hodnoty z kontrolek do proměnných, je to tak přehlednější. K vybrané položce comboBoxu se dostaneme přes SelectedItem, který je typu object. V našem případě ho musíme převést na string. Stejně tak bychom mohli pracovat i s pouhým číslem položky přes SelectedIndex. Jelikož NumericUpDown vrací hodnotu ve vlastnosti Value, která je typu decimal, musíme ji převést na double pomocí třídy Convert.

V případě nulového dělitele zobrazujeme uživateli MessageBox pomocí stejnojmenné statické třídy a metody Show. Nakonec do vysledekLabel vypíšeme výsledek. Na rozdíl od konzole, kde šlo jednoduše vypsat i čísla, zde musíme číslo nejprve převést na string.

Formuláři ještě můžeme nastavit Ikonu přes vlastnost Icon (vybereme soubor s ikonkou), text nastavíme na "Kalkulačka" a StartPosition na CenterScreen. Formulář se tak vytvoří uprostřed obrazovky. Pokud nastavíme FormBorderStyle na hodnotu FixedSingle, nepůjde formulář roztahovat, což se pro naší aplikaci hodí. Stejně tak můžeme zakázat maximalizaci okna pomocí vlastnosti MaximizeBox.

Kód je jako vždy v příloze. Příště si vytvoříme složitější aplikaci s více formuláři, bude se jednat o připomínač narozenin.


 

Stáhnout

Staženo 1093x (108.67 kB)
Aplikace je včetně zdrojových kódů v jazyce C#

 

  Aktivity (1)

Článek pro vás napsal David Čápka
Avatar
Autor pracuje jako softwarový architekt a pedagog na projektu ITnetwork.cz (a jeho zahraničních verzích). Velmi si váží svobody podnikání v naší zemi a věří, že když se člověk neštítí práce, tak dokáže úplně cokoli.
Unicorn College Autor se informační technologie naučil na Unicorn College - prestižní soukromé vysoké škole IT a ekonomie.

Jak se ti líbí článek?
Celkem (12 hlasů) :
4.833334.833334.833334.833334.83333


 


Miniatura
Předchozí článek
Úvod do Windows Forms aplikací
Miniatura
Všechny články v sekci
Okenní aplikace v C#

 

 

Komentáře
Zobrazit starší komentáře (17)

Avatar
Štefan Pružinský:

Môžeš sa trochu rozviesť? Rád by so Ti pomohol, ale neviem v čom je vlastne problém. :)

Odpovědět 22.10.2015 18:12
Najefektívnejším spôsobom debuggingu je modlitba. :)
Avatar
VLASTIMIL KAMENČÁK:

Jsem v části začínající titulkem- kód formuláře
Přesuneme se do zdrojového kódu formuláře. Již víme, že to uděláme zkratkou CTRL + ALT + 0 nebo pravým myšítkem na formulář a View Code. (toto mám viz ten obrázek)

a ted přichází ten zádrhel-

V konstruktoru formuláře hned po zavolání InitializeCom­ponents() nastavíme vybranou položku pro operaceComboBox. Uděláme to nastavením vlastnosti SelectedIndex na 0, tedy první položku:

[public KalkulackaForm()
{
        InitializeComponent();
        operaceComboBox.SelectedIndex = 0;
}

Z formuláře máme samozřejmě přístup ke všem jeho kontrolkám.

Do konstruktoru vkládáme ten kód, který se má vykonat po vytvoření formuláře, ale to je snad jasné. Když aplikaci spustíte, bude vybrané sčítání:

 
Odpovědět 22.10.2015 19:05
Avatar
Milan Křepelka
Redaktor
Avatar
Odpovídá na VLASTIMIL KAMENČÁK
Milan Křepelka:

Takhle to asi nepůjde Vlasto. Lepší když asi dodáš projekt co máš. Mohl si tam udělat spoustu záležitostí který se takhle slovem nevychytají. Třeba je mi dost divný, proč by se v souboru Form1 měl vyskytovat formulář upSide cosi.

 
Odpovědět 22.10.2015 19:36
Avatar
Štefan Pružinský:

Stále tomu veľmi nerozumiem...v čom je ten zádrhel? Pokiaľ som tomu správne pochopil, potrebuješ na niečo kliknúť... Načo potrebuješ kliknúť? :)

Odpovědět 22.10.2015 19:39
Najefektívnejším spôsobom debuggingu je modlitba. :)
Avatar
Odpovídá na Štefan Pružinský
VLASTIMIL KAMENČÁK:

Jak nastavit v konstruktoru formuláře po zavolání InitializeCom­ponents() (to tam mám ještě v pohodě) a nastavit pak operaceComboBox přes vlastnosti SelectedIndex.
Prakticky v kodu nemám- operaceComboBox­.SelectedIndex = 0; a nevím jak to tam dát.
jestli chcete tak je to tady celé:
http://www.fastshare.cz/…ication3.zip

 
Odpovědět 22.10.2015 20:05
Avatar
Odpovídá na VLASTIMIL KAMENČÁK
Štefan Pružinský:

Ahoj, zrejme si prehliadol tento text:

Pokud kontrolky nepoužíváme z kódu, nemusíme je pojmenovávat. Pokud ano, měli bychom jim nastavit vlastnost Name (v oknu Properties je název vlastnosti v závorce (Name)) a přes toto jméno ke kontrolce poté z kódu přistoupíme. Doporučuji si přepnout zobrazení vlastností z kategorizovaného na abecední (první 2 ikonky v Properties oknu), vlastnosti najdete rychleji. Name je tedy jméno objektu, Text je to, co je na objektu napsáno. Z toho logicky vyplývá, že na formuláři můžeme mít více kontrolek se stejným textem, ale jen jednu s určitým jménem.

V pravom dolnom rohu je okienko s názvom Properties. V tomto okne je roluj dole, kým nájdeš kategóriu Design a v nej hneď prvé nastavenie z názvom (Name). V tomto nastavení prepíšeš ComboBox1 na operaceComboBox. Následne tam vlož ten kód (operaceCombo­Box.SelectedIn­dex = 0;) a spusť. Všetko by malo fungovať ako má. :)
Budem rád, ak Ti moje vysvetlenie pomôže. :)

Odpovědět 22.10.2015 20:31
Najefektívnejším spôsobom debuggingu je modlitba. :)
Avatar
Majký
Člen
Avatar
Majký:

Nevím, jestli to tu někdo nezmiňoval, ale mě u MVS 2015 Ctrl+Alt+0 nefunguje, ale naopak to jde jednodušeji F7 a zpátky Shift+F7(to už je OK)

 
Odpovědět  +1 1. února 19:52
Avatar
50P
Člen
Avatar
50P:

Zdravím, mám takový dotaz:
je chybou nastavovat hodnoty (např.: Text = "Form2";) v události From2_Load(...)? Když je možné to nastavit v public Form2()?
Je zde nutnost to takhle psát nebo je to jedno?
Čili:

public Form2()
{
        InitializeComponents();
        Text = "Form2";
}

nebo

private void Form2_Load(...)
{
        Text = "Form2";
}

Jen jedno z toho nebo je to jedno? Jak z hlediska funkčnosti?

 
Odpovědět 8. listopadu 18:31
Avatar
jirka.skop
Člen
Avatar
jirka.skop:

Ahoj,udělal jsem takovou obrácenou kalkulačku(nebo spíš zkoušečku),vy­generuju 2 náhodná čísla,pak vyberu operaci(+,-,atd..),výsledek zapíšu a dalším tlačítkem zkontroluju a objeví se nápis dobře nebo špatně a určitý obrázek.Chtěl bych tam ještě přidat "statistiku"(cel­kový počet,počet dobrých a špatných pokusů),ale nevím jak to spávně pojmenovat a tak nevím na co se mám podívat abych to udělal.A kdyby to nebylo moc složité na začátečníka tak ještě aby se ty obrázky(zmenšená verze) někde zobrazovali,např 5 dobých výsledků = 5 obrázků zobrazených v "něčem"-Nevím v čem to jde zobrazit.Předem díky za rady jak na to.

 
Odpovědět 27. listopadu 10:55
Avatar
Odpovídá na jirka.skop
Michal Štěpánek:

Záleží na tom, jestli chceš mít tu statistiku přístupnou i po dalším otevření, nebo ne. Pokud ano, bude třeba použít "něco" na ukládání dat, tzn., buď DB nebo soubor (xml, txt, csv...). Pokud chceš mít statistiku jen pro tu instanci otevřeného programu, tzn. že po spuštění programu bude prázdná, pak by ti mělo stačit ukládat data do nějaké kolekce (list, pole...), které program po ukončení "zapomene"...

Odpovědět 28. listopadu 9:14
Nikdy neříkej nahlas, že to nejde. Vždycky se totiž najde blbec, který to neví a udělá to...
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 27. Zobrazit vše