Eddig láttuk, hogyan kell együttműködni a C # -val konzol alapú alkalmazások létrehozásában. De egy valós helyzetben a csapat általában a Visual Studiót és a C # -ot használja Windows Forms vagy webalapú alkalmazások létrehozásához.
A Windows űrlapalkalmazás olyan alkalmazás, amelyet számítógépen futtatnak. Nem fog futni webböngészőn, mert akkor webalkalmazássá válik.
Ez az oktatóanyag arra összpontosít, hogyan hozhatunk létre Windows alapú alkalmazásokat. Megtanulunk néhány alapot arról is, hogyan kell működni a C # Windows alkalmazás különféle elemeivel.
Ebben a Windows oktatóanyagban megtanulja-
- A Windows Forms alapjai
- Hello World a Windows űrlapokban
- Vezérlők hozzáadása egy űrlaphoz
- Eseménykezelés a vezérlőkhöz
- Fa és PictureBox vezérlés
A Windows Forms alapjai
A Windows űrlapok alkalmazás az asztali számítógépen fut. A Windows űrlapok alkalmazásának általában vezérlőinek gyűjteménye van, például címkék, szövegdobozok, listamezők stb.
Az alábbiakban egy egyszerű Windows C űrlapalkalmazás C # példája látható. Egy egyszerű bejelentkezési képernyőt mutat, amelyet a felhasználó elérhet. A felhasználó megadja a szükséges hitelesítő adatokat, majd a folytatáshoz a Bejelentkezés gombra kattint.
Tehát példa a fenti alkalmazásban elérhető vezérlőkre
- Ez a címkevezérlők gyűjteménye, amelyeket általában a szomszédos kontrollok leírására használnak. Tehát esetünkben 2 szövegmezőnk van, és a címkékkel azt mondják a felhasználónak, hogy az egyik szövegdoboz a felhasználónév megadására szolgál, a másik pedig a jelszóra.
- A 2 szövegdoboz a felhasználó által megadott felhasználónév és jelszó tárolására szolgál.
- Végül megvan a gombvezérlő. A gombvezérlő általában tartalmaz egy kódot egy bizonyos műveletsor végrehajtásához. Így például a fenti esetben megtehetjük, hogy a gomb végrehajtja a felhasználó által megadott felhasználónevet és jelszót.
C # Hello World
Most nézzünk meg egy példát arra, hogyan valósíthatunk meg egy egyszerű „hello world” alkalmazást a Visual Studio-ban. Ehhez az alább említett lépéseket kell végrehajtanunk
1. lépés: Az első lépés egy új projekt létrehozása a Visual Studio alkalmazásban. A Visual Studio elindítása után ki kell választania az Új-> Projekt menüpontot.
2. lépés: A következő lépés a projekt típusának kiválasztása Windows Forms alkalmazásként. Itt meg kell említenünk projektünk nevét és helyszínét is.
- A projekt párbeszédpanelen különböző lehetőségeket láthatunk a különböző típusú projektek létrehozásához a Visual Studio alkalmazásban. Kattintson a Windows opcióra a bal oldalon.
- Amikor az előző lépésben a Windows opcióira kattintunk, láthatjuk a Windows Forms Application opcióját. Kattintson erre a lehetőségre.
- Nevet adunk az alkalmazásnak. Esetünkben ez a DemoApplication. Az alkalmazás tárolásának helyét is megadjuk.
- Végül az 'OK' gombra kattintva hagyhatjuk, hogy a Visual Studio hozza létre a projektünket.
Ha a fenti lépéseket követi, akkor az alábbi kimenetet kapja a Visual Studio alkalmazásban.
Kimenet:-
Megjelenik egy Form Designer a Visual Studio alkalmazásban. Ebben a Form Designerben kezdheti meg a Windows Forms alkalmazás létrehozását.
A Megoldáskezelőben megtekintheti a DemoApplication megoldást is. Ez a megoldás az alábbi 2 projektfájlt fogja tartalmazni
- A Forms1.cs nevű űrlapalkalmazás. Ez a fájl tartalmazza a Windows Form alkalmazás teljes kódját.
- A Program.cs nevű Fő program az alapértelmezett kódfájl, amely akkor jön létre, amikor új alkalmazás jön létre a Visual Studióban. Ez a kód tartalmazza az alkalmazás egészének indítási kódját.
A Visual Studio bal oldalán megjelenik egy Eszköztár is. Az eszköztár tartalmazza az összes vezérlőelemet, amely hozzáadható a Windows Forms programhoz. Az olyan vezérlők, mint a szövegmező vagy a címke, csak néhány olyan vezérlőelem, amely hozzáadható a Windows Forms-hoz.
Az alábbiakban bemutatjuk az Eszköztár kinézetét.
3. lépés) Ebben a lépésben most hozzáadunk egy címkét az űrlaphoz, amely a "Hello World" feliratot jeleníti meg. Az eszköztárból ki kell választania a Címke vezérlőt, és egyszerűen rá kell húznia az Űrlapra.
Miután áthúzta a címkét az űrlapra, láthatja az űrlapon beágyazott címkét az alábbiak szerint.
4. lépés: A következő lépés a vezérlő tulajdonságainak elérése, és a szöveg módosítása „Hello World” -re.
A vezérlő tulajdonságainak eléréséhez kattintson a jobb gombbal a vezérlőre, és válassza a Tulajdonságok menüpontot
- A Tulajdonságok panel a Visual Studióban is megjelenik. Tehát a címkevezérléshez a tulajdonságok vezérlésében lépjen a Szöveg szakaszba, és írja be a "Hello World" szót.
- Mindegyik vezérlőnek van egy sor tulajdonsága, amelyek leírják a vezérlőt.
Ha az összes fenti lépést követi, és a programot a Visual Studióban futtatja, akkor a következő kimenetet kapja
Kimenet:-
A kimenetben láthatja, hogy a Windows űrlap jelenik meg. Azt is láthatja, hogy a "Hello World" megjelenik az űrlapon.
Vezérlők hozzáadása egy űrlaphoz
Már láttuk, hogyan lehet vezérlőt hozzáadni egy űrlaphoz, amikor a korábbi szakaszban hozzáadtuk a címke vezérlőt a "Hello World" megjelenítéséhez.
Vizsgáljuk meg a Windows űrlapok számára elérhető egyéb vezérlőket, és nézzük meg néhány közös tulajdonságukat.
A C # példákban szereplő Windows űrlap alkalmazásunkban létrehozunk egy űrlapot, amely a következő funkcionalitással rendelkezik.
- A felhasználó neve és címe megadásának lehetősége.
- Lehetőség annak a városnak a kiválasztására, amelyben a felhasználó lakik
- A felhasználó azon képessége, hogy megadjon egy opciót a nemhez.
- Lehetőség egy olyan tanfolyam kiválasztására, amelyet a felhasználó meg akar tanulni. A C # és az ASP.Net esetében is választani fog
Tehát nézzük meg részletesen az egyes vezérlőket, és adjuk hozzá őket az űrlap felépítéséhez a fent említett funkcióval.
Csoport doboz
A csoportmezőt a logikai csoportosítás vezérli egy szakaszba. Vegyünk egy példát, ha a kezelőszervek gyűjteményével rendelkezik a részletek, például egy személy neve és címe megadásához. Ideális esetben ezek egy személy adatai, ezért ezeket az adatokat az űrlap külön szakaszában szeretné megadni. Erre a célra létrehozhat egy csoportot. Nézzük meg, hogyan tudjuk ezt megvalósítani az alább bemutatott példával
1. lépés: Az első lépés az, hogy a Groupbox vezérlőt az eszköztárról húzza a Windows Formra az alábbiak szerint
2. lépés: Miután hozzáadta a csoportdobozt, lépjen a tulajdonságok ablakba a csoporthoz tartozó vezérlőelemre kattintva. A Tulajdonságok ablakban lépjen a Szöveg tulajdonságra, és állítsa "Felhasználói adatok" -ra.
Miután végrehajtotta a fenti módosításokat, a következő kimenetet fogja látni
Kimenet:-
A kimenetben jól látható, hogy a Groupbox hozzá lett adva az űrlaphoz. Láthatja azt is, hogy a csoporthoz tartozó szöveg "Felhasználói adatok" -ra változott.
Címkevezérlés
Ezután következik a Címkevezérlés. A címkevezérlő segítségével szöveget vagy üzenetet jeleníthet meg a felhasználó az űrlapon. A címkevezérlőt általában más kontrollokkal együtt használják. Gyakori példák, amikor egy címkét adunk a szövegdoboz-vezérlővel együtt.
A címke jelzi a felhasználó számára, hogy mi várhatóan kitöltődik a szövegmezőben. Nézzük meg, hogyan tudjuk ezt megvalósítani az alább bemutatott példával. Hozzáadunk 2 címkét, az egyik neve neve, a másik neve cím lesz. Ezeket a szövegdoboz-vezérlőkkel együtt kell használni, amelyeket a későbbi szakaszban adunk hozzá.
1. lépés: Az első lépés az, hogy a címkevezérlőt az eszköztárból húzza át a Windows űrlapra az alábbiak szerint. Ügyeljen arra, hogy kétszer húzza a címkevezérlőt, hogy az egyik legyen a „név”, a másik pedig a „cím” számára.
2. lépés: A címke hozzáadása után lépjen a tulajdonságok ablakba a címkevezérlőre kattintva. A Tulajdonságok ablakban lépjen az egyes címkevezérlők Szöveg tulajdonságához.
Miután végrehajtotta a fenti módosításokat, a következő kimenetet fogja látni
Kimenet:-
Láthatja az űrlaphoz hozzáadott címkevezérlőket.
Szövegdoboz
A szövegdoboz segítségével a felhasználó beírhat néhány szöveget a Windows alkalmazásba C # -ba. Nézzük meg, hogyan tudjuk ezt megvalósítani az alább bemutatott példával. Hozzáadunk 2 szövegdobozt az űrlaphoz, az egyiket a Névhez, a másikat a felhasználó számára megadandó címhez
1. lépés: Az első lépés az, hogy a szövegdoboz-vezérlőt az eszköztárról húzza a Windows Formra az alábbiak szerint
2. lépés) A szövegmezők hozzáadása után lépjen a tulajdonságok ablakba a szövegdoboz-vezérlőre kattintva. A Tulajdonságok ablakban lépjen a Név tulajdonsághoz, és adjon hozzá értelmes nevet minden szövegmezőhöz. Nevezze el például a felhasználó szövegdobozát txtUser néven, a címét pedig txtAddress néven. Az elnevezésekről és szabványokról el kell készíteni a vezérlőket, mert könnyebb lesz extra funkciókat adni ezekhez a vezérlőkhöz, amelyeket később látni fogunk.
Miután végrehajtotta a fenti módosításokat, a következő kimenetet fogja látni
Kimenet:-
A kimenetben jól látható, hogy a Textboxes hozzá lett adva az űrlaphoz.
Lista mező
A Listbox segítségével elemeket jeleníthet meg a Windows űrlapon. Nézzük meg, hogyan tudjuk ezt megvalósítani az alább bemutatott példával. Hozzáadunk egy listamezőt az űrlaphoz, hogy tároljunk néhány városi helyet.
1. lépés: Az első lépés az, hogy a lista doboz vezérlőjét az eszköztárból húzza a Windows Formra az alábbiak szerint
2. lépés: Miután hozzáadta a listamezőt, lépjen a tulajdonságok ablakba a listamező vezérlőjére kattintva.
- Először változtassa meg a Listbox box vezérlő tulajdonságát, esetünkben ezt lstCity-re változtattuk
- Kattintson az Items tulajdonságra. Ez lehetővé teszi különböző elemek hozzáadását, amelyek megjelenhetnek a listában. Esetünkben a "gyűjtemény" elemeket választottuk ki.
- A felbukkanó karakterlánc-szerkesztőben írja be a városneveket. Esetünkben bevezettük a "Mumbai", a "Bangalore" és a "Hyderabad" kifejezéseket.
- Végül kattintson az 'OK' gombra.
Miután végrehajtotta a fenti módosításokat, a következő kimenetet fogja látni
Kimenet:-
A kimenetben láthatja, hogy a Listbox hozzá lett adva az űrlaphoz. Láthatja azt is, hogy a listamezőbe beírták a város értékeit.
Rádiógomb
A Rádiógomb segítségével fel lehet tüntetni azon elemek listáját, amelyek közül a felhasználó választhat egyet. Nézzük meg, hogyan tudjuk ezt megvalósítani az alább bemutatott példával. Hozzáadunk egy rádiógombot a férfi / nő opcióhoz.
1. lépés: Az első lépés az, hogy a „rádiógomb” vezérlőt az eszköztárból húzza a Windows űrlapra az alábbiak szerint.
2. lépés: Miután hozzáadta a Rádiógombot, lépjen a Tulajdonságok ablakba a Rádiógomb vezérlőjére kattintva.
- Először meg kell változtatnia mindkét rádióvezérlő szöveg tulajdonságát. Nyissa meg a Tulajdonságok ablakot, és változtassa meg a szöveget az egyik rádiógomb hímjévé, a másik szövegét pedig nővé.
- Hasonlóképpen változtassa meg mindkét rádióvezérlő név tulajdonságát. Lépjen a tulajdonságok ablakba, és változtassa meg az egyik rádiógomb nevét „rdMale” -re, a másiké pedig „rdfemale” -re.
Ha elvégzi a fenti módosításokat, akkor a következő kimenetet fogja látni
Kimenet:-
Megjelennek a Rádió gombok a Windows űrlaphoz.
Jelölőnégyzet
A jelölőnégyzet arra szolgál, hogy megadja azoknak a lehetőségeknek a listáját, amelyekben a felhasználó több választási lehetőséget is választhat. Nézzük meg, hogyan tudjuk ezt megvalósítani az alább bemutatott példával. 2 jelölőnégyzetet adunk a Windows űrlapjainkhoz. Ezek a jelölőnégyzetek lehetővé teszik a felhasználó számára, hogy meg akarja-e tanulni a C # vagy az ASP.Net programot.
1. lépés: Az első lépés a jelölőnégyzet vezérlőjének áthúzása a Windows űrlapra az eszköztárból, az alábbiak szerint
2. lépés: A jelölőnégyzet hozzáadása után lépjen a tulajdonságok ablakba a Jelölőnégyzet vezérlőre kattintva.
A tulajdonságok ablakban
- Először meg kell változtatnia mindkét jelölőnégyzet vezérlőjének szövegtulajdonságát. Nyissa meg a tulajdonságok ablakot, és változtassa meg a szöveget C # és ASP.Net értékre.
- Hasonlóképpen változtassa meg mindkét rádióvezérlő név tulajdonságát. Nyissa meg a tulajdonságok ablakot, és változtassa meg az egyik jelölőnégyzet nevét chkC-re, a másik pedig chkASP-re.
Miután végrehajtotta a fenti módosításokat, a következő kimenetet fogja látni
Kimenet:-
Gomb
Egy gomb segítségével a felhasználó rákattinthat egy gombra, amely ekkor megkezdi az űrlap feldolgozását. Nézzük meg, hogyan tudjuk ezt megvalósítani az alább bemutatott példával. Hozzáadunk egy egyszerű "Küldés" nevű gombot, amelyet az űrlapon szereplő összes információ elküldéséhez használunk.
1. lépés: Az első lépés az, hogy a gombvezérlőt az eszköztárból húzza a Windows Formra az alábbiak szerint
2. lépés: A gomb hozzáadása után lépjen a Tulajdonságok ablakba a Gomb vezérlőre kattintva.
- Először meg kell változtatnia a gombvezérlő szöveg tulajdonságát. Nyissa meg a Tulajdonságok ablakot, és módosítsa a szöveget „beküldésre”.
- Hasonlóképpen változtassa meg a vezérlő név tulajdonságát. Nyissa meg a tulajdonságok ablakot, és változtassa meg a nevét „btnSubmit” -ra.
Miután végrehajtotta a fenti módosításokat, a következő kimenetet fogja látni
Kimenet:-
Gratulálunk, most már elkészült az első alapvető Windows űrlap. Most térjünk a következő témára, hogy megtudjuk, hogyan tudjuk elvégezni az eseménykezelést a vezérlőknél.
C # Eseménykezelés a vezérlőkhöz
Amikor a Windows űrlappal dolgozik, eseményeket adhat hozzá a vezérlőkhöz. Egy esemény az, ami akkor történik, amikor egy cselekvést végrehajtanak. Valószínűleg a leggyakoribb művelet az űrlapon található gombra kattintás. A C # Windows Forms-ban hozzáadhat olyan kódot, amely bizonyos műveletek végrehajtására használható, amikor az űrlapon megnyomnak egy gombot.
Normális esetben, amikor egy gombot megnyomnak egy űrlapon, ez azt jelenti, hogy bizonyos feldolgozásra sor kerül.
Vizsgáljuk meg az egyik eseményt és annak kezelését, mielőtt rátérnénk a gombesemény forgatókönyvére.
Az alábbi példa egy eseményt mutat be a Listbox vezérlő számára. Tehát amikor egy elemet választanak a listbox vezérlőben, akkor egy üzenetmezőnek kell megjelennie, amely a kiválasztott elemet mutatja. Végezzük el a következő lépéseket ennek elérése érdekében.
1. lépés: Kattintson duplán a Listbox-ra az űrlaptervezőben . Ezzel a Visual Studio automatikusan megnyitja az űrlap kódfájlját. És automatikusan hozzáad egy eseménymódszert a kódhoz. Ez az eseménymódus akkor aktiválódik, ha a lista bármely elemét kiválasztja.
Fent található a kódrészlet, amelyet a Visual Studio automatikusan hozzáad, amikor duplán kattint az űrlap Lista mező vezérlőjére. Most adjuk hozzá az alábbi kódrészletet ehhez a kódrészlethez, hogy hozzáadjuk a szükséges funkciókat a listbox eseményhez.
- Ez az eseménykezelő módszer, amelyet a Visual Studio automatikusan létrehoz, amikor duplán kattint a Lista mező vezérlőjére. Nem kell aggódnia a metódus neve összetettsége vagy a metódushoz továbbított paraméterek miatt.
- Itt kapjuk meg a SelectedItem-et az lstCity.SelectedItem tulajdonságon keresztül. Ne feledje, hogy az lstCity a Listbox vezérlőnk neve. Ezután a GetItemText módszerrel megkapjuk a kiválasztott elem tényleges értékét. Ezután hozzárendeljük ezt az értéket a szöveges változóhoz.
- Végül a MessageBox módszerrel jelenítjük meg a szöveges változó értékét a felhasználó számára.
A fenti változtatásokat végrehajtva, és a program futtatásakor a Visual Studióban a következő kimenet jelenik meg
Kimenet:-
A kimenetből láthatja, hogy amikor a lista mezőből bármely elem ki van jelölve, egy üzenetdoboz jelenik meg. Ez megmutatja a kiválasztott elemet a listából.
Most nézzük meg a végső vezérlőelemet, amely a gombra kattintó módszer. Ez megint ugyanazt a filozófiát követi. Csak kattintson duplán a gombra az Űrlaptervezőben, és ez automatikusan hozzáadja a gombeseménykezelő módszerét. Ezután csak hozzá kell adnia az alábbi kódot.
- Ez az eseménykezelő módszer, amelyet a Visual Studio automatikusan hoz létre, amikor duplán kattint a gombvezérlőre. Nem kell aggódnia a metódus nevének összetettsége vagy a metódushoz továbbított paraméterek miatt.
- Itt kapjuk meg az értékeket a név és a cím szövegmezőjébe. Az értékeket a szövegdoboz text tulajdonságából vehetjük át. Ezután 2 változóhoz rendeljük az értékeket, ennek megfelelően nevet és címet.
- Végül a MessageBox módszerrel jelenítjük meg a név és a cím értékeit a felhasználó számára.
A fenti változtatásokat végrehajtva, és a program futtatásakor a Visual Studióban a következő kimenet jelenik meg
Kimenet:-
- Először írjon be egy értéket a név és cím mezőbe.
- Ezután kattintson a Küldés gombra
Miután rákattint a Küldés gombra, megjelenik egy üzenetmező, amely helyesen mutatja, hogy mit írt be a felhasználói adatok szakaszba.
Fa és PictureBox vezérlés
Két további vezérlőelem van, amelyeket megnézhetünk, az egyik a "Fa vezérlés", a másik a "Kép vezérlés". Nézzünk meg példákat arra, hogy miként valósíthatjuk meg ezeket a vezérlőket
Fa vezérlés
- A favezérlővel az elemek egy fába sorolhatók, mint a divat. Valószínűleg a legjobb példa erre az, amikor magát a Windows Intézőt látjuk. A mappaszerkezet a Windows Intézőben olyan, mint egy faszerű szerkezet.
Nézzük meg, hogyan tudjuk ezt megvalósítani az alább bemutatott példával.
1. lépés: Az első lépés az, hogy a fa vezérlőt az eszköztárból húzza a Windows űrlapra az alábbiak szerint
2. lépés: A következő lépés az, hogy el kell kezdeni a csomópontok hozzáadását a fagyűjteményhez, hogy az ennek megfelelően feljöjjön a fában. Először kövessük az alábbi részlépéseket egy gyökércsomópont hozzáadásához a fagyűjteményhez.
- Lépjen a fa nézet vezérlés tulajdonságainak eszköztárába. Kattintson a Csomópont tulajdonságára. Ekkor megjelenik a TreeNode Editor
- A TreeNode Editorban kattintson a Gyökér hozzáadása gombra, hogy gyökércsomópontot adjon a fagyűjteményhez.
- Ezután módosítsa a Root csomópont szövegét, adja meg a szöveget Root néven, és kattintson az 'OK' gombra. Ez hozzáadja a Root csomópontot.
3. lépés: A következő lépés a gyermek csomópontok hozzáadása a fagyűjteményhez. Kövessük az alábbi részlépéseket a gyökércsomópont hozzáadásához a fagyűjteményhez.
- Először kattintson a Gyermek hozzáadása gombra. Ez lehetővé teszi, hogy gyermekcsomópontokat adjon a Fa-gyűjteményhez.
- Minden gyermekcsomópontnál módosítsa a szöveg tulajdonságát. Ismételje meg az előző és ezt a lépést, és adjon hozzá további 2 csomópontot. Végül 3 csomópontod lesz, a fentiek szerint, a szöveg Címke, Gomb, illetve Jelölőnégyzet.
- Kattintson az OK gombra
Miután végrehajtotta a fenti módosításokat, a következő kimenetet fogja látni.
Kimenet:-
Láthatja az űrlaphoz hozzáadott Fa nézetet. A Windows űrlapalkalmazás futtatásakor kibővítheti a gyökércsomópontot, és megtekintheti a gyermek csomópontjait a listában.
PictureBox vezérlés
Ezzel a vezérlővel képeket lehet hozzáadni a Winforms C # fájlhoz. Nézzük meg, hogyan tudjuk ezt megvalósítani az alább bemutatott példával.
1. lépés: Az első lépés az, hogy a PictureBox vezérlőt az eszköztárból húzza a C # Windows űrlapra az alábbiak szerint
2. lépés: A következő lépés egy kép tényleges csatolása a képdoboz-vezérlőhöz. Ezt az alábbi lépések követésével teheti meg.
- Először kattintson a Picture tulajdonságra a PictureBox vezérlőhöz. Új ablak jelenik meg.
- Ebben az ablakban kattintson az Importálás gombra. Ezt fogják használni egy kép csatolásához a képdoboz-vezérlőhöz.
- Megjelenik egy párbeszédpanel, amelyben kiválaszthatja a képet a csatoláshoz
- Kattintson az OK gombra
Ha elvégzi a fenti módosításokat, akkor a következő kimenetet fogja látni
Kimenet:-
A kimenetből láthatja, hogy egy kép megjelenik az űrlapon.
Összegzés
- A C # alkalmazás Windows-űrlapja az, amely a számítógép asztalán fut. A Visual Studio Form és a C # együtt használható a Windows Forms alkalmazás létrehozására.
- Vezérlők hozzáadhatók a Windows C # űrlapokhoz a Visual Studio Eszköztárán keresztül. Az űrlaphoz az eszköztáron keresztül hozzáadhatók olyan vezérlők, mint a címkék, jelölőnégyzetek, választógombok stb.
- Használhat olyan fejlett vezérlőket is, mint a fa nézet vezérlő és a PictureBox vezérlő.
- Az eseménykezelők arra szolgálnak, hogy reagáljanak a vezérlők által generált eseményekre. A leggyakoribb az, amelyet a gombra kattintott eseményhez adtak hozzá.