Doteraz sme videli, ako pracovať s C # na vytváraní konzolových aplikácií. Ale v scenári z reálneho života tím zvyčajne používa Visual Studio a C # na vytváranie buď Windows Forms, alebo webových aplikácií.
Aplikácia systému Windows je aplikácia, ktorá je navrhnutá na spustenie v počítači. Nebude fungovať vo webovom prehliadači, pretože sa stane webovou aplikáciou.
Tento výukový program sa zameria na to, ako môžeme vytvárať aplikácie založené na systéme Windows. Naučíme sa tiež niekoľko základných informácií o tom, ako pracovať s rôznymi prvkami aplikácie C # Windows.
V tomto výučbe pre Windows sa naučíte-
- Základné informácie o Windows Forms
- Hello World in Windows Forms
- Pridanie ovládacích prvkov do formulára
- Spracovanie udalostí pre kontroly
- Ovládanie pomocou stromu a PictureBoxu
Základné informácie o Windows Forms
Aplikácia Windows Forms je aplikácia, ktorá sa spúšťa na stolnom počítači. Aplikácia Windows Forms bude mať zvyčajne kolekciu ovládacích prvkov, ako sú menovky, textové polia, zoznamy atď.
Nižšie je uvedený príklad jednoduchej aplikácie formulára Windows C #. Ukazuje jednoduchú prihlasovaciu obrazovku, na ktorú má používateľ prístup. Používateľ zadá požadované poverenia a potom klikne na tlačidlo Prihlásiť sa.
Takže príklad ovládacích prvkov dostupných vo vyššie uvedenej aplikácii
- Toto je skupina ovládacích prvkov označenia, ktoré sa zvyčajne používajú na opis susedných ovládacích prvkov. V našom prípade teda máme 2 textové polia a štítky slúžia na to, aby sme používateľovi povedali, že jedno textové pole slúži na zadanie používateľského mena a druhé heslo.
- Dve textové polia sa používajú na uchovanie používateľského mena a hesla, ktoré zadá používateľ.
- Na záver tu máme ovládanie tlačidlom. K ovládaciemu tlačidlu bude zvyčajne pripojený nejaký kód na vykonávanie určitej skupiny akcií. Napríklad vo vyššie uvedenom prípade by sme mohli mať tlačidlo, aby vykonalo akciu overenia používateľského mena a hesla, ktoré zadal používateľ.
C # ahoj svet
Teraz sa pozrime na príklad toho, ako môžeme implementovať jednoduchú aplikáciu „ahoj svet“ v Visual Studio. Preto by sme potrebovali implementovať nižšie uvedené kroky
Krok 1) Prvý krok zahŕňa vytvorenie nového projektu v balíku Visual Studio. Po spustení Visual Studio musíte zvoliť možnosť ponuky Nový-> Projekt.
Krok 2) Ďalším krokom je výber typu projektu ako aplikácie Windows Forms. Tu tiež musíme spomenúť názov a umiestnenie nášho projektu.
- V dialógovom okne projektu môžeme vidieť rôzne možnosti vytvárania rôznych typov projektov v Visual Studio. Kliknite na možnosť Windows na ľavej strane.
- Keď klikneme na možnosti Windows v predchádzajúcom kroku, uvidíme možnosť pre Windows Forms Application. Kliknite na túto možnosť.
- Dáme aplikácii názov. V našom prípade je to DemoApplication. Poskytneme tiež miesto na uloženie našej aplikácie.
- Nakoniec klikneme na tlačidlo „OK“, aby sme mohli Visual Studio vytvoriť náš projekt.
Ak budete postupovať podľa vyššie uvedených krokov, v Visual Studio získate výstup uvedený nižšie.
Výkon:-
Uvidíte návrhára formulárov zobrazeného v Visual Studio. V tomto Návrhári formulárov začnete budovať svoju aplikáciu Windows Forms.
V Prieskumníkovi riešení uvidíte aj riešenie DemoApplication. Toto riešenie bude obsahovať 2 nižšie súbory projektu
- Žiadosť o formulár s názvom Forms1.cs. Tento súbor bude obsahovať všetok kód pre aplikáciu Windows Form.
- Hlavný program s názvom Program.cs je predvolený súbor s kódom, ktorý sa vytvorí pri vytvorení novej aplikácie v Visual Studio. Tento kód bude obsahovať spúšťací kód aplikácie ako celku.
Na ľavej strane Visual Studio uvidíte tiež Panel nástrojov. Panel s nástrojmi obsahuje všetky ovládacie prvky, ktoré je možné pridať do formulára Windows. Ovládacie prvky ako textové pole alebo štítok sú iba niektoré z ovládacích prvkov, ktoré je možné pridať do Windows Forms.
Nižšie je uvedený obrázok obrazovky, ako vyzerá Panel nástrojov.
Krok 3) V tomto kroku teraz do formulára pridáme štítok, ktorý bude obsahovať nápis „Hello World“. Na paneli nástrojov budete musieť zvoliť ovládací prvok Popisok a jednoducho ho pretiahnuť do formulára.
Po presunutí štítka do formulára uvidíte štítok vložený do formulára, ako je to znázornené nižšie.
Krok 4) Ďalším krokom je prejsť na vlastnosti ovládacieho prvku a zmeniť text na „Hello World“.
Ak chcete prejsť na vlastnosti ovládacieho prvku, musíte na ovládací prvok kliknúť pravým tlačidlom myši a zvoliť možnosť ponuky Vlastnosti
- Panel vlastností sa zobrazuje aj v Visual Studio. Pre ovládací prvok označenia teda v ovládacom paneli vlastností prejdite do časti Text a zadajte príkaz „Hello World“.
- Každý ovládací prvok má sadu vlastností, ktoré popisujú ovládací prvok.
Ak vykonáte všetky vyššie uvedené kroky a spustíte program v Visual Studio, získate nasledujúci výstup
Výkon:-
Na výstupe vidíte, že je zobrazený formulár systému Windows. Vo formulári môžete tiež vidieť text „Hello World“.
Pridanie ovládacích prvkov do formulára
Už sme videli, ako pridať ovládací prvok do formulára, keď sme pridali ovládací prvok štítka v predchádzajúcej časti na zobrazenie „Hello World“.
Pozrime sa na ďalšie ovládacie prvky dostupné pre formuláre Windows a pozrime sa na niektoré z ich bežných vlastností.
V našej formulárovej aplikácii pre Windows v príkladoch C # vytvoríme jeden formulár, ktorý bude mať nasledujúcu funkčnosť.
- Schopnosť používateľa zadať meno a adresu.
- Možnosť zvoliť mesto, v ktorom má užívateľ bydlisko
- Schopnosť používateľa zadať voľbu pre pohlavie.
- Možnosť zvoliť si kurz, ktorý sa chce používateľ naučiť. Bude sa robiť výber pre C # aj ASP.Net
Pozrime sa teda na každý ovládací prvok podrobne a pridajme ich na zostavenie formulára s vyššie uvedenou funkčnosťou.
Skupinová schránka
Skupinové pole sa používa na logické zoskupovanie ovládacích prvkov do sekcie. Uveďme si príklad, ak ste mali súbor ovládacích prvkov na zadávanie podrobností, ako sú meno a adresa osoby. V ideálnom prípade ide o podrobnosti o osobe, preto by ste tieto podrobnosti mali mať v samostatnej časti formulára. Na tento účel môžete mať skupinovú schránku. Pozrime sa, ako to môžeme implementovať, na príklade uvedenom nižšie
Krok 1) Prvým krokom je presunutie ovládacieho prvku Groupbox do formulára Windows zo súpravy nástrojov, ako je uvedené nižšie
Krok 2) Po pridaní skupinového poľa prejdite do okna vlastností kliknutím na ovládací prvok skupinového poľa. V okne vlastností prejdite na vlastnosť Text a zmeňte ju na „Podrobnosti používateľa“.
Po vykonaní vyššie uvedených zmien sa zobrazí nasledujúci výstup
Výkon:-
Na výstupe jasne vidíte, že do formulára bol pridaný Groupbox. Môžete tiež vidieť, že text skupinového poľa bol zmenený na „Detaily používateľa“.
Kontrola štítkov
Ďalej nasleduje Label Control. Ovládací prvok štítku sa používa na zobrazenie textu alebo správy používateľovi vo formulári. Ovládací prvok štítku sa bežne používa spolu s inými ovládacími prvkami. Bežné príklady sú, keď je štítok pridaný spolu s ovládacím prvkom textového poľa.
Štítok označuje používateľovi údaj o tom, čo sa má v textovom poli vyplniť. Pozrime sa, ako to môžeme implementovať, na príklade uvedenom nižšie. Pridáme 2 štítky, jeden s názvom „meno“ a druhý s názvom „adresa“. Budú sa používať v spojení s ovládacími prvkami textového poľa, ktoré budú pridané v ďalšej časti.
Krok 1) Prvým krokom je presunutie ovládacieho prvku označenia do formulára Windows z panela nástrojov, ako je to znázornené nižšie. Uistite sa, že dvakrát potiahnete ovládací prvok štítku, aby ste mohli mať jeden pre „meno“ a druhý pre „adresu“.
Krok 2) Po pridaní štítku prejdite do okna vlastností kliknutím na ovládací prvok štítku. V okne vlastností prejdite na vlastnosť Text každého ovládacieho prvku štítku.
Po vykonaní vyššie uvedených zmien sa zobrazí nasledujúci výstup
Výkon:-
Môžete vidieť ovládacie prvky štítkov pridané do formulára.
Textové pole
Textové pole sa používa na to, aby umožnilo používateľovi zadať text v aplikácii Windows v jazyku C #. Pozrime sa, ako to môžeme implementovať, na príklade uvedenom nižšie. Do formulára pridáme 2 textové polia, jedno pre meno a druhé pre adresu, ktorá sa má zadať pre používateľa
Krok 1) Prvým krokom je presunutie ovládacieho prvku textového poľa do formulára Windows zo súpravy nástrojov, ako je uvedené nižšie
Krok 2) Po pridaní textových polí prejdite do okna vlastností kliknutím na ovládací prvok textového poľa. V okne vlastností prejdite na vlastnosť Názov a do každého textového poľa zadajte zmysluplný názov. Napríklad pomenujte textové pole pre používateľa ako txtUser a pre adresu ako txtAddress. Pre ovládacie prvky by sa mala vytvoriť konvencia pomenovania a štandard, pretože je jednoduchšie pridať do týchto ovládacích prvkov ďalšie funkcie, ktoré uvidíme neskôr.
Po vykonaní vyššie uvedených zmien sa zobrazí nasledujúci výstup
Výkon:-
Na výstupe jasne vidíte, že do formulára boli pridané textové polia.
Zoznam
Zoznam sa používa na prezentáciu zoznamu položiek vo formulári Windows. Pozrime sa, ako to môžeme implementovať, na príklade uvedenom nižšie. Do formulára pridáme zoznam so zoznamom na ukladanie niektorých miest v mestách.
Krok 1) Prvým krokom je presunutie ovládacieho prvku zoznamu do formulára Windows zo súpravy nástrojov, ako je uvedené nižšie
Krok 2) Po pridaní zoznamu kliknite na ovládací prvok zoznamu a prejdite do okna vlastností.
- Najskôr zmeňte vlastnosť ovládacieho prvku poľa Listbox, v našom prípade sme to zmenili na lstCity
- Kliknite na vlastnosť Položky. To vám umožní pridať rôzne položky, ktoré sa môžu zobraziť v zozname. V našom prípade sme vybrali položky „zbierka“.
- V editore String Collection Editor, ktorý sa zobrazí, zadajte názvy miest. V našom prípade sme zadali „Bombaj“, „Bangalúr“ a „Hajdarábad“.
- Nakoniec kliknite na tlačidlo „OK“.
Po vykonaní vyššie uvedených zmien sa zobrazí nasledujúci výstup
Výkon:-
Na výstupe vidíte, že do formulára bol pridaný zoznam. Môžete tiež vidieť, že zoznam bol vyplnený hodnotami mesta.
Tlačítko na Rádiu
Rádiové tlačidlo sa používa na vystavenie zoznamu položiek, z ktorých si používateľ môže jednu vybrať. Pozrime sa, ako to môžeme implementovať, na príklade uvedenom nižšie. Pridáme prepínač pre mužskú / ženskú možnosť.
Krok 1) Prvým krokom je presunutie ovládacieho prvku „radiobutton“ do formulára Windows z panela nástrojov, ako je to znázornené nižšie.
Krok 2) Po pridaní Radiobuttonu choďte do okna vlastností kliknutím na ovládací prvok Radiobutton.
- Najskôr musíte zmeniť vlastnosť textu oboch ovládacích prvkov Rádia. Prejdite do okien vlastností a zmeňte text na mužský s jedným prepínačom a text druhého na ženský.
- Podobne zmeňte vlastnosť názvu oboch ovládacích prvkov Rádia. Prejdite do okien vlastností a zmeňte názov jedného rádiového tlačidla na „rdMale“ a pre druhé na „rdfemale“.
Ak vykonáte vyššie uvedené zmeny, uvidíte nasledujúci výstup
Výkon:-
Uvidíte prepínače pridané do formulára systému Windows.
Začiarkavacie políčko
Zaškrtávacie políčko sa používa na poskytnutie zoznamu možností, v ktorých si používateľ môže zvoliť viac možností. Pozrime sa, ako to môžeme implementovať, na príklade uvedenom nižšie. Do našich formulárov systému Windows pridáme 2 začiarkavacie políčka. Tieto začiarkavacie políčka poskytnú používateľovi možnosť, či sa chce naučiť C # alebo ASP.Net.
Krok 1) Prvým krokom je presunutie ovládacieho prvku začiarkavacieho políčka do formulára Windows zo súpravy nástrojov, ako je uvedené nižšie
Krok 2) Po pridaní začiarkavacieho políčka prejdite do okna vlastností kliknutím na ovládací prvok začiarkavacieho políčka.
V okne vlastností
- Najskôr musíte zmeniť vlastnosť textu oboch ovládacích prvkov začiarkavacieho políčka. Prejdite do okien vlastností a zmeňte text na C # a ASP.Net.
- Podobne zmeňte vlastnosť názvu oboch ovládacích prvkov Rádia. Prejdite do okien s vlastnosťami a zmeňte názov jedného chbox na jedno začiarkavacie políčko a na chkASP pre druhé.
Po vykonaní vyššie uvedených zmien sa zobrazí nasledujúci výstup
Výkon:-
Tlačidlo
Tlačidlo slúži na to, aby používateľ mohol kliknúť na tlačidlo, ktoré by potom spustilo spracovanie formulára. Pozrime sa, ako to môžeme implementovať, na príklade uvedenom nižšie. Pridáme jednoduché tlačidlo s názvom „Odoslať“, ktoré sa použije na odoslanie všetkých informácií vo formulári.
Krok 1) Prvým krokom je presunutie ovládacieho prvku tlačidla do formulára Windows zo súpravy nástrojov, ako je to znázornené nižšie
Krok 2) Po pridaní tlačidla prejdite do okna vlastností kliknutím na ovládací prvok tlačidla.
- Najskôr musíte zmeniť textovú vlastnosť ovládacieho prvku tlačidla. Prejdite do okien vlastností a zmeňte text na „odoslať“.
- Podobne zmeňte vlastnosť názvu ovládacieho prvku. Prejdite do okien vlastností a zmeňte názov na „btnSubmit“.
Po vykonaní vyššie uvedených zmien sa zobrazí nasledujúci výstup
Výkon:-
Gratulujeme, teraz máte pripravený prvý základný formulár systému Windows. Poďme teraz na ďalšiu tému, aby sme zistili, ako môžeme urobiť spracovanie udalostí pre ovládacie prvky.
Spracovanie udalostí C # pre ovládacie prvky
Pri práci s formulárom systému Windows môžete do ovládacích prvkov pridávať udalosti. Udalosť je niečo, čo sa stane pri vykonaní akcie. Pravdepodobne najbežnejšou akciou je kliknutie na tlačidlo na formulári. V C # Windows Forms môžete pridať kód, ktorý sa dá použiť na vykonávanie určitých akcií po stlačení tlačidla na formulári.
Spravidla po stlačení tlačidla na formulári to znamená, že by malo dôjsť k určitému spracovaniu.
Skôr ako prejdeme k scenáru udalosti s tlačidlami, pozrime sa na jednu z udalostí a na to, ako sa dá s ňou zaobchádzať.
Nasledujúci príklad predstaví udalosť pre ovládací prvok Listbox. Takže kedykoľvek je položka vybraná v ovládacom prvku zoznam, malo by sa zobraziť okno so správou, ktoré zobrazuje vybratú položku. Aby sme to dosiahli, vykonajme nasledujúce kroky.
Krok 1) Dvakrát kliknite na zoznam v návrhári formulárov . Týmto spôsobom Visual Studio automaticky otvorí súbor kódu pre formulár. A do kódu automaticky pridá metódu udalosti. Táto metóda udalosti sa spustí, kedykoľvek je vybratá ktorákoľvek položka v zozname.
Hore je útržok kódu, ktorý automaticky pridá Visual Studio, keď dvakrát kliknete na ovládací prvok poľa zoznamu vo formulári. Teraz do tohto útržku kódu pridáme nasledujúcu časť kódu, aby sme udalosti udalosti so zoznamom pridali požadovanú funkčnosť.
- Toto je metóda obsluhy udalostí, ktorá sa automaticky vytvorí v Visual Studio, keď dvakrát kliknete na ovládací prvok Zoznam. Nemusíte sa obávať zložitosti názvu metódy alebo parametrov odovzdaných metóde.
- Tu dostávame SelectedItem cez vlastnosť lstCity.SelectedItem. Pamätajte, že lstCity je názov nášho ovládacieho prvku Listbox. Potom pomocou metódy GetItemText dostaneme skutočnú hodnotu vybranej položky. Túto hodnotu potom priradíme textovej premennej.
- Na záver použijeme metódu MessageBox na zobrazenie hodnoty textovej premennej používateľovi.
Jeden, ktorý urobíte vyššie uvedené zmeny, a spustíte program v Visual Studio, uvidíte nasledujúci výstup
Výkon:-
Z výstupu vidíte, že keď je vybraná ktorákoľvek položka zo zoznamu, zobrazí sa okno so správou. Zobrazí sa vybratá položka zo zoznamu.
Teraz sa pozrime na posledný ovládací prvok, ktorým je tlačidlo na tlačidlo Metóda. Toto opäť vychádza z rovnakej filozofie. Stačí dvakrát kliknúť na tlačidlo v nástroji Forms Designer a automaticky sa pridá metóda pre obsluhu udalosti tlačidla. Potom stačí pridať nasledujúci kód.
- Toto je metóda obsluhy udalostí, ktorá sa automaticky vytvorí v Visual Studio, keď dvakrát kliknete na ovládací prvok tlačidla. Nemusíte sa obávať zložitosti názvu metódy alebo parametrov odovzdaných metóde.
- Tu dostávame hodnoty zadané do textového poľa meno a adresa. Hodnoty je možné prevziať z vlastnosti text textového poľa. Potom priradíme hodnoty k 2 premenným, podľa toho meno a adresu.
- Na záver použijeme metódu MessageBox na zobrazenie hodnôt mena a adresy používateľovi.
Jeden, ktorý urobíte vyššie uvedené zmeny, a spustíte program v Visual Studio, uvidíte nasledujúci výstup
Výkon:-
- Najskôr zadajte hodnotu do poľa pre meno a adresu.
- Potom kliknite na tlačidlo Odoslať
Po kliknutí na tlačidlo Odoslať sa zobrazí okno so správou, ktorá vám správne ukáže, čo ste zadali v sekcii podrobností používateľa.
Ovládanie pomocou stromu a PictureBoxu
Existujú 2 ďalšie ovládacie prvky, na ktoré sa môžeme pozrieť, jeden je „Stromový ovládací prvok“ a druhý je „Ovládací prvok obrázka“. Pozrime sa na príklady toho, ako môžeme tieto ovládacie prvky implementovať
Ovládanie stromu
- Ovládací prvok stromu sa používa na vypísanie položiek v stromovom zozname. Asi najlepším príkladom je, keď vidíme samotný Prieskumník Windows. Štruktúra priečinkov v programe Windows Prieskumník je ako stromová štruktúra.
Pozrime sa, ako to môžeme implementovať, na príklade uvedenom nižšie.
Krok 1) Prvým krokom je presunutie ovládacieho prvku Strom do formulára Windows zo súpravy nástrojov, ako je uvedené nižšie
Krok 2) Ďalším krokom je začatie pridávania uzlov do zbierky stromov, aby sa mohla zodpovedajúcim spôsobom objavovať v strome. Najskôr postupujte podľa nasledujúcich krokov a pridajte koreňový uzol do zbierky stromov.
- Prejdite na panel nástrojov vlastností pre ovládací prvok stromového zobrazenia. Kliknite na vlastnosť Uzla. Týmto sa zobrazí editor TreeNode
- V editore TreeNode kliknite na tlačidlo Pridať koreň a pridajte koreňový uzol do zbierky stromov.
- Ďalej zmeňte text koreňového uzla a zadajte text ako root a kliknite na tlačidlo „OK“. Týmto sa pridá koreňový uzol.
Krok 3) Ďalším krokom je začatie pridávania podradených uzlov do zbierky stromov. Postupujeme podľa nasledujúcich krokov a pridáme do kolekcie stromov podradený koreňový uzol.
- Najskôr kliknite na tlačidlo Pridať dieťa. To vám umožní pridať podradené uzly do kolekcie Tree.
- Pre každý podradený uzol zmeňte vlastnosť textu. Stále opakujte predchádzajúci krok a tento krok a pridajte ďalšie 2 uzly. Na konci budete mať 3 uzly, ako je uvedené vyššie, s textom ako Label, Button a Checkbox.
- Kliknite na tlačidlo OK
Po vykonaní vyššie uvedených zmien sa zobrazí nasledujúci výstup.
Výkon:-
Uvidíte formulár pridaný do formulára. Pri spustení aplikácie formulára Windows môžete rozbaliť koreňový uzol a v zozname vidieť podradené uzly.
Ovládanie PictureBox
Tento ovládací prvok sa používa na pridávanie obrázkov do Winforms C #. Pozrime sa, ako to môžeme implementovať, na príklade uvedenom nižšie.
Krok 1) Prvým krokom je presunutie ovládacieho prvku PictureBox do formulára C # Windows zo súpravy nástrojov, ako je uvedené nižšie
Krok 2) Ďalším krokom je skutočné pripojenie obrázka k ovládaciemu prvku obrazového poľa. Môžete to urobiť podľa nasledujúcich krokov.
- Najskôr kliknite na vlastnosť Obrázok pre ovládací prvok PictureBox. Zobrazí sa nové okno.
- V tomto okne kliknite na tlačidlo Importovať. Toto sa použije na pripojenie obrázka k ovládacímu prvku Picturebox.
- Zobrazí sa dialógové okno, v ktorom budete môcť zvoliť obrázok, ktorým sa má rámček pripojiť
- Kliknite na tlačidlo OK
Ak vykonáte vyššie uvedené zmeny, uvidíte nasledujúci výstup
Výkon:-
Z výstupu vidíte, že sa vo formulári zobrazuje obrázok.
Zhrnutie
- Formulár systému Windows v aplikácii C # je formulár, ktorý sa spúšťa na pracovnej ploche počítača. Formulár Visual Studio spolu s C # možno použiť na vytvorenie aplikácie Windows Forms.
- Ovládacie prvky je možné pridávať do formulárov Windows C # pomocou panela nástrojov v aplikácii Visual Studio. Prostredníctvom panela s nástrojmi je možné do formulára pridať ovládacie prvky, ako sú štítky, začiarkavacie políčka, prepínače atď.
- Dajú sa tiež použiť pokročilé ovládacie prvky, ako je ovládací prvok stromového zobrazenia a ovládací prvok PictureBox.
- Obslužné rutiny udalostí sa používajú na reagovanie na udalosti generované z ovládacích prvkov. Najbežnejším z nich je pridaný pre udalosť kliknutia na tlačidlo.