Zatím jsme viděli, jak pracovat s C # při vytváření konzolových aplikací. Ale v reálném scénáři tým obvykle používá Visual Studio a C # k vytváření buď Windows Forms, nebo webových aplikací.
Aplikace formuláře Windows je aplikace, která je navržena pro spuštění v počítači. Nebude spuštěn ve webovém prohlížeči, protože se poté stane webovou aplikací.
Tento kurz se zaměří na to, jak můžeme vytvářet aplikace založené na Windows. Naučíme se také několik základů, jak pracovat s různými prvky aplikace C # Windows.
V tomto výukovém programu Windows se naučíte-
- Základy Windows Forms
- Hello World ve Windows Forms
- Přidání ovládacích prvků do formuláře
- Zpracování událostí pro ovládací prvky
- Řízení stromu a PictureBoxu
Základy Windows Forms
Aplikace formulářů Windows je aplikace, která běží na stolním počítači. Aplikace formulářů Windows bude mít obvykle kolekci ovládacích prvků, jako jsou štítky, textová pole, seznamy atd.
Níže je uveden příklad jednoduché formuláře Windows aplikace C #. Zobrazuje jednoduchou přihlašovací obrazovku, na kterou má uživatel přístup. Uživatel zadá požadovaná pověření a poté kliknutím na tlačítko Přihlásit pokračovat.
Příklad ovládacích prvků dostupných ve výše uvedené aplikaci
- Toto je kolekce ovládacích prvků popisku, které se obvykle používají k popisu sousedních ovládacích prvků. V našem případě tedy máme 2 textová pole a štítky slouží k tomu, abychom uživateli řekli, že jedno textové pole slouží k zadání uživatelského jména a druhé heslo.
- 2 textová pole slouží k uložení uživatelského jména a hesla, které zadá uživatel.
- Konečně máme ovládání tlačítkem. K ovládacímu prvku tlačítka bude obvykle připojen nějaký kód, který provede určitou sadu akcí. Například ve výše uvedeném případě bychom mohli nechat tlačítko provést akci ověření uživatelského jména a hesla, které zadá uživatel.
C # Hello World
Nyní se podívejme na příklad toho, jak můžeme implementovat jednoduchou aplikaci „hello world“ v sadě Visual Studio. K tomu bychom potřebovali implementovat níže uvedené kroky
Krok 1) První krok zahrnuje vytvoření nového projektu v sadě Visual Studio. Po spuštění sady Visual Studio musíte zvolit možnost nabídky Nový-> Projekt.
Krok 2) Dalším krokem je výběr typu projektu jako aplikace Windows Forms. Zde také musíme zmínit název a umístění našeho projektu.
- V dialogovém okně projektu vidíme různé možnosti pro vytváření různých typů projektů v sadě Visual Studio. Klikněte na možnost Windows na levé straně.
- Když klikneme na možnosti Windows v předchozím kroku, uvidíme možnost pro Windows Forms Application. Klikněte na tuto možnost.
- Pojmenujeme aplikaci. V našem případě je to DemoApplication. Poskytneme také umístění pro uložení naší aplikace.
- Nakonec klikneme na tlačítko 'OK' a necháme Visual Studio vytvořit náš projekt.
Pokud jsou dodrženy výše uvedené kroky, získáte níže uvedený výstup v sadě Visual Studio.
Výstup:-
Zobrazí se Návrhář formulářů zobrazený v sadě Visual Studio. V tomto Návrháři formulářů začnete vytvářet svou aplikaci Windows Forms.
V Průzkumníku řešení uvidíte také řešení DemoApplication. Toto řešení bude obsahovat níže uvedené 2 soubory projektu
- Formulářová aplikace s názvem Forms1.cs. Tento soubor bude obsahovat veškerý kód pro aplikaci Windows Form.
- Hlavní program s názvem Program.cs je výchozí soubor kódu, který se vytvoří při vytvoření nové aplikace v sadě Visual Studio. Tento kód bude obsahovat spouštěcí kód aplikace jako celku.
Na levé straně sady Visual Studio uvidíte také ToolBox. Sada nástrojů obsahuje všechny ovládací prvky, které lze přidat do Windows Forms. Ovládací prvky jako textové pole nebo popisek jsou jen některé z ovládacích prvků, které lze přidat do Windows Forms.
Níže je snímek obrazovky toho, jak Panel nástrojů vypadá.
Krok 3) V tomto kroku přidáme do formuláře štítek, který bude zobrazovat „Hello World“. Na panelu nástrojů budete muset vybrat ovládací prvek Popisek a jednoduše jej přetáhnout do formuláře.
Jakmile přetáhnete štítek do formuláře, uvidíte štítek vložený do formuláře, jak je znázorněno níže.
Krok 4) Dalším krokem je přejít na vlastnosti ovládacího prvku a změnit text na „Hello World“.
Chcete-li přejít na vlastnosti ovládacího prvku, musíte na ovládací prvek kliknout pravým tlačítkem myši a zvolit možnost nabídky Vlastnosti
- Panel vlastností se také zobrazí v sadě Visual Studio. U ovládacího prvku popisku tedy v ovládacím prvku vlastnosti přejděte do části Text a zadejte „Hello World“.
- Každý ovládací prvek má sadu vlastností popisujících ovládací prvek.
Pokud budete postupovat podle všech výše uvedených kroků a spustíte svůj program v sadě Visual Studio, získáte následující výstup
Výstup:-
Na výstupu vidíte, že je zobrazen formulář Windows. Ve formuláři také můžete vidět „Hello World“.
Přidání ovládacích prvků do formuláře
Už jsme viděli, jak přidat ovládací prvek do formuláře, když jsme přidali ovládací prvek popisku v předchozí části k zobrazení „Hello World“.
Podívejme se na další ovládací prvky dostupné pro formuláře Windows a podívejme se na některé z jejich společných vlastností.
V naší formulářové aplikaci Windows v příkladech C # vytvoříme jeden formulář, který bude mít následující funkce.
- Možnost pro uživatele zadat jméno a adresu.
- Možnost zvolit město, ve kterém má uživatel bydliště
- Možnost uživatele zadat možnost pro pohlaví.
- Možnost zvolit si kurz, který se chce uživatel naučit. Provede výběr pro C # i ASP.Net
Podívejme se tedy na každý ovládací prvek podrobně a přidejme je k vytvoření formuláře s výše uvedenou funkcí.
Skupinová schránka
Skupinové pole se používá pro logické seskupování ovládacích prvků do sekce. Vezměme si příklad, pokud jste měli soubor ovládacích prvků pro zadávání podrobností, jako je jméno a adresa osoby. V ideálním případě se jedná o podrobnosti o osobě, takže byste chtěli mít tyto podrobnosti v samostatné části formuláře. Pro tento účel můžete mít skupinovou schránku. Podívejme se, jak to můžeme implementovat na příkladu níže
Krok 1) Prvním krokem je přetažení ovládacího prvku Groupbox na formulář Windows ze sady nástrojů, jak je znázorněno níže
Krok 2) Po přidání skupinového pole přejděte do okna vlastností kliknutím na ovládací prvek skupinového pole. V okně vlastností přejděte na vlastnost Text a změňte ji na „Podrobnosti o uživateli“.
Jakmile provedete výše uvedené změny, zobrazí se následující výstup
Výstup:-
Ve výstupu jasně vidíte, že do formuláře byl přidán Groupbox. Můžete také vidět, že text skupinového pole byl změněn na „Podrobnosti o uživateli“.
Ovládání štítku
Dále přichází Control Label. Ovládací prvek popisku se používá k zobrazení textu nebo zprávy uživateli ve formuláři. Ovládací prvek štítku se běžně používá spolu s dalšími ovládacími prvky. Běžnými příklady jsou případy, kdy je štítek přidán spolu s ovládacím prvkem textového pole.
Štítek označuje uživateli, co se očekává v textovém poli. Podívejme se, jak to můžeme implementovat na příkladu níže. Přidáme 2 štítky, jeden s názvem „name“ a druhý s názvem „address“. Budou použity ve spojení s ovládacími prvky textového pole, které budou přidány v další části.
Krok 1) Prvním krokem je přetažení ovládacího prvku popisku do formuláře Windows ze sady nástrojů, jak je znázorněno níže. Ujistěte se, že dvakrát přetáhnete ovládací prvek štítku, abyste mohli mít jeden pro „jméno“ a druhý pro „adresu“.
Krok 2) Po přidání štítku přejděte do okna vlastností kliknutím na ovládací prvek štítku. V okně vlastností přejděte na vlastnost Text každého ovládacího prvku popisku.
Jakmile provedete výše uvedené změny, zobrazí se následující výstup
Výstup:-
Můžete vidět ovládací prvky štítků přidané do formuláře.
Textové pole
Textové pole se používá k umožnění uživateli zadat nějaký text v aplikaci Windows v C #. Podívejme se, jak to můžeme implementovat na příkladu níže. Do formuláře přidáme 2 textová pole, jedno pro jméno a druhé pro adresu, která se má zadat pro uživatele
Krok 1) Prvním krokem je přetažení ovládacího prvku textového pole na formulář Windows z panelu nástrojů, jak je znázorněno níže
Krok 2) Po přidání textových polí přejděte do okna vlastností kliknutím na ovládací prvek textového pole. V okně vlastností přejděte na vlastnost Název a do každého textového pole přidejte smysluplný název. Například pojmenujte textové pole pro uživatele jako txtUser a pro adresu jako txtAddress. Pro ovládací prvky by měla být vytvořena konvence pojmenování a standard, protože je snazší přidat k těmto ovládacím prvkům další funkce, které uvidíme později.
Jakmile provedete výše uvedené změny, zobrazí se následující výstup
Výstup:-
Ve výstupu jasně vidíte, že do formuláře byla přidána textová pole.
Seznam
Seznam se používá k předvedení seznamu položek ve formuláři Windows. Podívejme se, jak to můžeme implementovat na příkladu níže. Do formuláře přidáme seznam, do kterého budeme ukládat umístění některých měst.
Krok 1) Prvním krokem je přetažení ovládacího prvku seznamu do formuláře Windows ze sady nástrojů, jak je znázorněno níže
Krok 2) Po přidání pole se seznamem přejděte do okna vlastností kliknutím na ovládací prvek seznamu.
- Nejprve změňte vlastnost ovládacího prvku seznamu Listbox, v našem případě jsme to změnili na lstCity
- Klikněte na vlastnost Položky. To vám umožní přidat různé položky, které se mohou zobrazit v seznamu. V našem případě jsme vybrali položky „kolekce“.
- V editoru kolekce řetězců, který se objeví, zadejte názvy měst. V našem případě jsme zadali „Mumbai“, „Bangalore“ a „Hyderabad“.
- Nakonec klikněte na tlačítko „OK“.
Jakmile provedete výše uvedené změny, zobrazí se následující výstup
Výstup:-
Ve výstupu vidíte, že byl do formuláře přidán Listbox. Můžete také vidět, že pole seznamu bylo vyplněno hodnotami města.
RadioButton
Radiobutton se používá k zobrazení seznamu položek, ze kterých si uživatel může jednu vybrat. Podívejme se, jak to můžeme implementovat na příkladu níže. Přidáme přepínač pro mužskou / ženskou možnost.
Krok 1) Prvním krokem je přetažení ovládacího prvku „radiobutton“ do formuláře Windows ze sady nástrojů, jak je znázorněno níže.
Krok 2) Po přidání Radiobuttonu přejděte do okna vlastností kliknutím na ovládací prvek Radiobutton.
- Nejprve musíte změnit textovou vlastnost obou ovládacích prvků Radio. Přejděte do oken vlastností a změňte text na mužský s jedním radiobuttonem a text druhého na ženský.
- Podobně změňte vlastnost názvu obou ovládacích prvků Radio. Přejděte do oken vlastností a změňte název jednoho rádiového tlačítka na „rdMale“ a pro druhý na „rdfemale“.
Po provedení výše uvedených změn uvidíte následující výstup
Výstup:-
Uvidíte přepínací tlačítka přidaná do formuláře Windows.
Zaškrtávací políčko
Zaškrtávací políčko slouží k poskytnutí seznamu možností, ve kterých si uživatel může vybrat více možností. Podívejme se, jak to můžeme implementovat na příkladu níže. Do našich formulářů Windows přidáme 2 zaškrtávací políčka. Tato zaškrtávací políčka uživateli poskytnou možnost, zda se chtějí naučit C # nebo ASP.Net.
Krok 1) Prvním krokem je přetažení ovládacího prvku zaškrtávacího políčka na formulář Windows ze sady nástrojů, jak je znázorněno níže
Krok 2) Po přidání zaškrtávacího políčka přejděte do okna vlastností kliknutím na ovládací prvek Zaškrtávací políčko.
V okně vlastností
- Nejprve musíte změnit textovou vlastnost obou ovládacích prvků zaškrtávacího políčka. Přejděte do oken vlastností a změňte text na C # a ASP.Net.
- Podobně změňte vlastnost názvu obou ovládacích prvků Radio. Přejděte do oken vlastností a změňte název na chkC jednoho zaškrtávacího políčka a na chkASP pro druhé.
Jakmile provedete výše uvedené změny, zobrazí se následující výstup
Výstup:-
Knoflík
Tlačítko slouží k tomu, aby uživatel mohl kliknout na tlačítko, které by pak zahájilo zpracování formuláře. Podívejme se, jak to můžeme implementovat na příkladu níže. Přidáme jednoduché tlačítko s názvem „Odeslat“, které se použije k odeslání všech informací ve formuláři.
Krok 1) Prvním krokem je přetažení ovládacího prvku tlačítka na formulář Windows ze sady nástrojů, jak je znázorněno níže
Krok 2) Po přidání tlačítka přejděte do okna vlastností kliknutím na ovládací prvek Tlačítko.
- Nejprve musíte změnit textovou vlastnost ovládacího prvku tlačítko. Přejděte do oken vlastností a změňte text na „odeslat“.
- Podobně změňte vlastnost názvu ovládacího prvku. Přejděte do oken vlastností a změňte název na „btnSubmit“.
Jakmile provedete výše uvedené změny, zobrazí se následující výstup
Výstup:-
Gratulujeme, nyní máte zaveden svůj první základní formulář Windows. Pojďme nyní k dalšímu tématu, abychom zjistili, jak můžeme provádět zpracování událostí pro ovládací prvky.
Zpracování událostí C # pro ovládací prvky
Při práci s formulářem Windows můžete přidat události do ovládacích prvků. Událost je něco, co se stane při provedení akce. Pravděpodobně nejběžnější akcí je kliknutí na tlačítko na formuláři. V C # Windows Forms můžete přidat kód, který lze použít k provedení určitých akcí po stisknutí tlačítka ve formuláři.
Normálně při stisknutí tlačítka na formuláři to znamená, že by mělo proběhnout nějaké zpracování.
Pojďme se podívat na jednu z událostí a na to, jak ji lze zvládnout, než přejdeme ke scénáři události tlačítka.
Níže uvedený příklad předvede událost pro ovládací prvek Listbox. Takže kdykoli je v ovládacím prvku seznamu vybrána položka, mělo by se zobrazit okno se zprávou, které zobrazuje vybranou položku. Provedeme následující kroky, abychom toho dosáhli.
Krok 1) Poklepejte na Listbox v návrháři formulářů . Tímto způsobem Visual Studio automaticky otevře soubor kódu pro formulář. A automaticky přidá metodu události do kódu. Tato metoda události se spustí, kdykoli je vybrána jakákoli položka v seznamu.
Nahoře je fragment kódu, který Visual Studio automaticky přidá, když na formuláři dvakrát kliknete na ovládací prvek Seznam. Nyní přidejme níže uvedenou část kódu do tohoto fragmentu kódu, abychom do události seznamu přidali požadovanou funkčnost.
- Toto je metoda obslužné rutiny události, která se automaticky vytvoří Visual Studio, když poklepete na ovládací prvek Seznam. Nemusíte se starat o složitost názvu metody nebo parametrů předaných metodě.
- Tady získáváme SelectedItem prostřednictvím vlastnosti lstCity.SelectedItem. Nezapomeňte, že lstCity je název našeho ovládacího prvku Listbox. Potom použijeme metodu GetItemText k získání skutečné hodnoty vybrané položky. Tuto hodnotu poté přiřadíme textové proměnné.
- Nakonec použijeme metodu MessageBox k zobrazení hodnoty textové proměnné uživateli.
Jedním z výše uvedených změn a spuštěním programu ve Visual Studiu se zobrazí následující výstup
Výstup:-
Z výstupu vidíte, že když je vybrána jakákoli položka ze seznamu, objeví se okno se zprávou. Zobrazí se vybraná položka ze seznamu.
Nyní se podívejme na poslední ovládací prvek, kterým je tlačítko na tlačítko Metoda. Opět se jedná o stejnou filozofii. Stačí dvakrát kliknout na tlačítko v Návrháři formulářů a automaticky přidá metodu pro obsluhu události tlačítka. Pak stačí přidat níže uvedený kód.
- Toto je metoda obslužné rutiny události, která se automaticky vytvoří Visual Studio, když dvakrát kliknete na ovládací prvek tlačítka. Nemusíte se starat o složitost názvu metody nebo parametrů předaných metodě.
- Zde dostáváme hodnoty zadané do textového pole jméno a adresa. Hodnoty lze převzít z vlastnosti text textového pole. Hodnoty pak přiřadíme 2 proměnným, podle toho jméno a adresu.
- Nakonec použijeme metodu MessageBox k zobrazení hodnot názvu a adresy uživateli.
Jedním z výše uvedených změn a spuštěním programu ve Visual Studiu se zobrazí následující výstup
Výstup:-
- Nejprve zadejte hodnotu do pole pro jméno a adresu.
- Poté klikněte na tlačítko Odeslat
Jakmile kliknete na tlačítko Odeslat, zobrazí se okno se zprávou a bude vám správně zobrazovat, co jste zadali v sekci podrobností uživatele.
Řízení stromu a PictureBoxu
K dispozici jsou 2 další ovládací prvky, na které se můžeme podívat, jeden je „Tree Control“ a druhý je „Image control“. Podívejme se na příklady, jak můžeme tyto ovládací prvky implementovat
Ovládání stromu
- Ovládací prvek stromu se používá k výpisu položek ve stylu stromu. Pravděpodobně nejlepším příkladem je, když vidíme samotný Průzkumník Windows. Struktura složek v Průzkumníkovi Windows je jako stromová struktura.
Podívejme se, jak to můžeme implementovat na příkladu níže.
Krok 1) Prvním krokem je přetažení ovládacího prvku Strom na formulář Windows ze sady nástrojů, jak je znázorněno níže
Krok 2) Dalším krokem je zahájení přidávání uzlů do kolekce stromů, aby se ve stromu mohly odpovídajícím způsobem objevit. Nejprve postupujte podle níže uvedených kroků a přidejte kořenový uzel do kolekce stromů.
- Přejít na panel nástrojů vlastností pro ovládací prvek stromového zobrazení. Klikněte na vlastnost Uzel. Tím se vyvolá editor TreeNode
- V editoru TreeNode klikněte na tlačítko Přidat kořen a přidejte kořenový uzel do kolekce stromů.
- Dále změňte text kořenového uzlu a zadejte text jako root a klikněte na tlačítko OK. Tím se přidá kořenový uzel.
Krok 3) Dalším krokem je zahájení přidávání podřízených uzlů do kolekce stromů. Postupujeme podle níže uvedených kroků a přidáme do kolekce stromů podřízený kořenový uzel.
- Nejprve klikněte na tlačítko Přidat dítě. To vám umožní přidat podřízené uzly do kolekce Tree.
- U každého podřízeného uzlu změňte vlastnost textu. Opakujte předchozí krok a tento krok a přidejte další 2 uzly. Na konci budete mít 3 uzly, jak je uvedeno výše, s textem jako Popisek, Tlačítko a Zaškrtávací políčko.
- Klikněte na tlačítko OK
Jakmile provedete výše uvedené změny, zobrazí se následující výstup.
Výstup:-
Zobrazí se stromové zobrazení přidané do formuláře. Při spuštění aplikace formuláře Windows můžete rozbalit kořenový uzel a zobrazit podřízené uzly v seznamu.
PictureBox Control
Tento ovládací prvek se používá k přidání obrázků do Winforms C #. Podívejme se, jak to můžeme implementovat na příkladu níže.
Krok 1) Prvním krokem je přetažení ovládacího prvku PictureBox na formulář Windows C # ze sady nástrojů, jak je znázorněno níže
Krok 2) Dalším krokem je skutečně připojit obrázek k ovládacímu prvku pole obrázku. To lze provést podle následujících kroků.
- Nejprve klikněte na vlastnost Image pro ovládací prvek PictureBox. Objeví se nové okno.
- V tomto okně klikněte na tlačítko Importovat. To se použije k připojení obrázku k ovládacímu prvku PictureBox.
- Zobrazí se dialogové okno, ve kterém budete moci vybrat obrázek, který chcete připojit
- Klikněte na tlačítko OK
Po provedení výše uvedených změn uvidíte následující výstup
Výstup:-
Z výstupu můžete vidět, že se na formuláři zobrazí obrázek.
souhrn
- Formulář Windows v aplikaci C # je ten, který běží na ploše počítače. Formulář Visual Studio spolu s C # lze použít k vytvoření aplikace Windows Forms.
- Ovládací prvky lze přidat do formulářů Windows C # pomocí nástrojů v sadě Visual Studio. Ovládací prvky, jako jsou štítky, zaškrtávací políčka, přepínače atd., Lze do formuláře přidat pomocí panelu nástrojů.
- Lze také použít pokročilé ovládací prvky, jako je ovládací prvek stromového zobrazení a ovládací prvek PictureBox.
- Obslužné rutiny událostí se používají k reakci na události generované z ovládacích prvků. Nejběžnějším z nich je ten, který byl přidán pro událost kliknutou na tlačítko.