C# Windows Űrlapok alkalmazásának bemutatója példával

Eddig láttuk, hogyan lehet C#-val konzol alapú alkalmazásokat létrehozni. De valós forgatókönyv esetén a csapat általában a Visual Studiót és a C#-t használja a létrehozásához Windows Űrlapok vagy webalapú alkalmazások.

A Windows űrlap alkalmazás egy olyan alkalmazás, amelyet számítógépen való futtatásra terveztek. Nem fog futni webböngészőben, mert akkor webalkalmazás lesz.

Ez az oktatóanyag arra összpontosít, hogyan tudunk létrehozni Windows-alapú alkalmazások. Megtanulunk néhány alapvet a C# különböző elemeivel való munkavégzéshez. Windows alkalmazás.

Windows Űrlapok alapjai

A Windows Az űrlapok alkalmazás az asztali számítógépen fut. A Windows Az űrlapok alkalmazásban általában vezérlőelemek, például címkék, szövegdobozok, listamezők stb.

Az alábbiakban egy egyszerű példa látható Windows formanyomtatvány C#. Ez egy egyszerű bejelentkezési képernyőt mutat, amelyhez a felhasználó hozzáfér. A felhasználó megadja a szükséges hitelesítő adatokat, majd a Bejelentkezés gombra kattintva folytathatja.

Tehát egy példa a fenti alkalmazásban elérhető vezérlőkre

1. Ez a címkevezérlők gyűjteménye, amelyeket általában a szomszédos vezérlők leírására használnak. A mi esetünkben tehát 2 szövegdobozunk van, és a címkék arra szolgálnak, hogy elmondják a felhasználónak, hogy az egyik szövegdoboz a felhasználónév, a másik a jelszó megadására szolgál.
2. A 2 szövegmező a felhasználó által beírandó felhasználónév és jelszó tárolására szolgál.
3. Végül megvan a gombvezérlés. A gombvezérléshez általában egy kód van csatolva bizonyos műveletek végrehajtásához. Így például a fenti esetben a gomb végrehajthat egy műveletet a felhasználó által beírt felhasználónév és jelszó érvényesítésére.

C# Hello World

Most nézzünk egy példát arra, hogyan valósíthatunk meg egy egyszerű „hello world” alkalmazást a Visual Studióban. Ehhez az alábbi lépéseket kell végrehajtanunk

Step 1) Az első lépés egy új projekt létrehozása a Visual Studióban. Indítás után Visual Studio, ki kell választania az Új->Projekt menüpontot.

Step 2) A következő lépés a projekttípus kiválasztása a Windows Jelentkezési űrlapok. Itt meg kell említenünk projektünk nevét és helyszínét is.

1. A projekt párbeszédpanelen különféle lehetőségeket láthatunk különböző típusú projektek létrehozására a Visual Studióban. Kattintson a Windows opciót a bal oldalon.
2. Amikor rákattintunk a Windows opciók az előző lépésben, látni fogunk egy opciót Windows Jelentkezési űrlapok. Kattintson erre a lehetőségre.
3. A pályázatnak nevet adunk. Esetünkben ez a DemoApplication. Az alkalmazásunk tárolására is helyet biztosítunk.
4. Végül kattintson az „OK” gombra, hogy a Visual Studio létrehozza a projektünket.

Ha a fenti lépéseket követi, az alábbi kimenetet kapja meg a Visual Studio-ban.

Kimenet:-

Látni fog egy Űrlaptervezőt a Visual Studióban. Ebben az űrlaptervezőben kezdheti el a saját készítését Windows Jelentkezési űrlapok.

A Solution Explorerben a DemoApplication Solution is látható lesz. Ez a megoldás az alábbi 2 projektfájlt fogja tartalmazni

1. A Forms1.cs nevű űrlapalkalmazás. Ez a fájl tartalmazza az összes kódot a Windows Jelentkezési űrlap.
2. A Program.cs nevű főprogram egy alapértelmezett kódfájl, amely akkor jön létre, amikor új alkalmazást hoznak létre a Visual Studióban. Ez a kód tartalmazza az alkalmazás egészének indítókódját.

A Visual Studio bal oldalán egy eszköz is láthatóBox. Az eszköztár tartalmazza az összes vezérlőt, amely hozzáadható a Windows Űrlapok. Az olyan vezérlők, mint a szövegdoboz vagy a címke, csak néhány a vezérlőelemek közül, amelyek hozzáadhatók a Windows Formákat.

Az alábbiakban egy képernyőkép látható az eszköztár kinézetéről.

Step 3) Ebben a lépésben egy címkét adunk az űrlaphoz, amelyen a „Hello World” felirat látható. Az eszköztárból ki kell választania a Címke vezérlőt, és egyszerűen húznia kell az űrlapra.

Miután áthúzta a címkét az űrlapra, láthatja a címkét az űrlapba ágyazva az alábbiak szerint.

Step 4) A következő lépés az, hogy lépjen a vezérlőelem tulajdonságaihoz, és módosítsa a szöveget „Hello World”-re.

A vezérlőelem tulajdonságainak megnyitásához kattintson a jobb gombbal a vezérlőelemre, és válassza a Tulajdonságok menüopciót

• A tulajdonságok panel a Visual Studióban is megjelenik. Tehát a címkevezérlőhöz a tulajdonságok vezérlőjében lépjen a Szöveg szakaszba, és írja be a „Hello World” kifejezést.
• Minden vezérlőnek van egy tulajdonságkészlete, amely leírja a vezérlőt.

Ha követi az összes fenti lépést, és futtatja a programot a Visual Studióban, a következő kimenetet kapja

Kimenet:-

A kimeneten látható, hogy a Windows Megjelenik az űrlap. Azt is láthatja, hogy az űrlapon megjelenik a „Hello World” felirat.

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ímkevezérlőt a „Hello World” megjelenítéséhez.

Nézzük meg a többi elérhető vezérlőt Windows formákat, és megtekintheti néhány közös tulajdonságukat.

A mi Windows űrlap alkalmazás a C# példákban, akkor létrehozunk egy űrlapot, amely a következő funkciókkal rendelkezik.

1. A felhasználó név és cím megadásának lehetősége.
2. Lehetőség a felhasználó lakóhelye szerinti város kiválasztására
3. Az a lehetőség, hogy a felhasználó megadhat egy lehetőséget a nemhez.
4. Lehetőség olyan kurzus kiválasztására, amelyet a felhasználó el akar tanulni. Mind a C#, mind az ASP.Net esetében választhat

Tehát nézzük meg részletesen az egyes vezérlőket, és adjuk hozzá őket, hogy a fent említett funkciókkal együtt építsük fel az űrlapot.

Csoport Box

A csoportmező logikai csoportokhoz használatos.ping vezérlőket egy szakaszba. Vegyünk egy példát, ha lenne egy vezérlőgyűjteményed olyan adatok bevitelére, mint egy személy neve és címe. Ideális esetben ezek egy személy adatai, ezért ezeket az adatokat egy külön szakaszban szeretnéd feltüntetni az űrlapon. Erre a célra használhatsz egy csoportmezőt. Nézzük meg, hogyan valósíthatjuk meg ezt az alábbi példával.

Step 1) Az első lépés az, hogy húzza a Groupbox vezérlőt a Windows Űrlap az eszköztárból az alábbiak szerint

Step 2) A csoportdoboz hozzáadása után lépjen a tulajdonságok ablakba a csoportdoboz vezérlőre kattintva. A tulajdonságok ablakában lépjen a Szöveg tulajdonságra, és módosítsa azt „Felhasználói adatok”-ra.

Miután elvégezte a fenti módosításokat, a következő kimenetet fogja látni

Kimenet:-

A kimeneten jól látható, hogy a Groupbox hozzáadásra került az űrlaphoz. Azt is láthatja, hogy a csoportdoboz szövege „Felhasználói adatok”-ra módosult.

Címkeellenőrzés

Következik a Label Control. A címkevezérlővel szöveget vagy üzenetet jeleníthetünk meg a felhasználónak az űrlapon. A címkevezérlőt általában más vezérlőkkel együtt használják. Gyakori példa, amikor a szövegdoboz-vezérlővel együtt egy címkét is hozzáadnak.

A címke jelzi a felhasználónak, hogy mit kell kitöltenie a szövegmezőben. Nézzük meg, hogyan tudjuk ezt megvalósítani az alábbi példán keresztül. 2 címkét adunk hozzá, az egyik 'név', a másik pedig 'cím' lesz. Ezeket a szövegdoboz-vezérlőkkel együtt fogják használni, amelyeket a későbbi szakaszban adunk hozzá.

Step 1) Az első lépés az, hogy húzza a címkevezérlőt a Windows Űrlap az eszköztárból az alábbiak szerint. Győződjön meg róla, hogy kétszer húzza el a címkevezérlőt, hogy az egyik a „név”, a másik a „cím” legyen.

Step 2) 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ára.

Miután elvégezte a fenti módosításokat, a következő kimenetet fogja látni

Kimenet:-

Megtekintheti az űrlaphoz hozzáadott címkevezérlőket.

Szövegdoboz

A szövegdoboz lehetővé teszi a felhasználó számára, hogy szöveget írjon be a Windows alkalmazás C# nyelven. Nézzük meg, hogyan tudjuk ezt megvalósítani az alábbi példán keresztül. 2 szövegdobozt adunk az űrlaphoz, az egyik a Név, a másik a felhasználó számára megadandó cím

Step 1) Az első lépés az, hogy húzza a szövegdoboz vezérlőt a Windows Űrlap az eszköztárból az alábbiak szerint

Step 2) Miután hozzáadta a szövegdobozokat, lépjen a tulajdonságok ablakába a szövegdoboz-vezérlőre kattintva. A tulajdonságok ablakban lépjen a Név tulajdonságra, és adjon hozzá értelmes nevet minden szövegmezőhöz. Például nevezze el a felhasználó szövegdobozát txtName néven, a címét pedig txtAddress néven. A vezérlőkhöz elnevezési konvenciót és szabványt kell alkotni, mert egyszerűbbé válik extra funkciókkal bővíteni ezeket a vezérlőket, amelyeket később látni fogunk.

Miután elvégezte a fenti módosításokat, a következő kimenetet fogja látni

Kimenet:-

A kimeneten jól látható, hogy a szövegdobozok hozzáadásra kerültek az űrlaphoz.

Listadoboz

A Listbox az elemek listájának megjelenítésére szolgál Windows forma. Nézzük meg, hogyan tudjuk ezt megvalósítani az alábbi példán keresztül. Hozzáadunk egy listamezőt az űrlaphoz néhány város helyének tárolására.

Step 1) Az első lépés az, hogy húzza a listamező vezérlőjét a Windows Űrlap az eszköztárból az alábbiak szerint

Step 2) A listamező hozzáadása után lépjen a tulajdonságok ablakba a listamező vezérlőjére kattintva.

1. Először módosítsa a Listbox box vezérlő tulajdonságát, esetünkben ezt lstCity-re változtattuk
2. Kattintson a Tételek tulajdonságra. Ez lehetővé teszi különböző elemek hozzáadását, amelyek megjelenhetnek a listamezőben. Esetünkben a „gyűjtemény” tételeket választottuk ki.
3. A megjelenő String Collection Editorban adja meg a városneveket. A mi esetünkben a „Mumbai”, „Bangalore” és „Hyderabad” nevet adtuk be.
4. Végül kattintson az „OK” gombra.

Miután elvégezte a fenti módosításokat, a következő kimenetet fogja látni

Kimenet:-

A kimenetben láthatja, hogy a Listbox hozzáadásra került az űrlaphoz. Azt is láthatja, hogy a listamező feltöltve a város értékeivel.

Rádiógomb

A rádiógomb segítségével megjelenítheti az 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ábbi példán keresztül. Hozzáadunk egy rádiógombot a férfi/nő opcióhoz.

Step 1) Az első lépés az, hogy húzza a 'rádiógomb' vezérlőt a Windows Űrlap az eszköztárból az alábbiak szerint.

Step 2) Miután hozzáadta a Radiobuttont, lépjen a tulajdonságok ablakba a Radiobutton vezérlőelemre kattintva.

1. Először is meg kell változtatnia mindkét rádióvezérlő szövegtulajdonságát. Lépjen a tulajdonságok ablakába, és módosítsa az egyik választógomb szövegét férfira, a másik szövegét pedig nőre.
2. Hasonlóképpen módosítsa mindkét rádióvezérlő név tulajdonságát. Nyissa meg a tulajdonságablakot, és változtassa meg az egyik rádiógomb nevét 'rdMale'-re, a másiké pedig 'rdfemale'-re.

Ha végrehajtja a fenti módosításokat, a következő kimenetet fogja látni

Kimenet:-

Látni fogja a rádiógombokat hozzáadva a Windows formában.

jelölőnégyzetet

A jelölőnégyzet az opciók listájának megjelenítésére szolgál, amelyben a felhasználó több lehetőséget is választhat. Nézzük meg, hogyan tudjuk ezt megvalósítani az alábbi példán keresztül. 2 jelölőnégyzetet adunk hozzá Windows formák. Ezek a jelölőnégyzetek lehetőséget adnak a felhasználónak arra vonatkozóan, hogy a C#-ot vagy az ASP.Net-et akarják tanulni.

Step 1) Az első lépés a jelölőnégyzet vezérlőjének húzása a Windows Űrlap az eszköztárból az alábbiak szerint

Step 2) A jelölőnégyzet hozzáadása után a Jelölőnégyzet vezérlőelemre kattintva lépjen a tulajdonságok ablakába.

A tulajdonságok ablakában

1. Először is meg kell változtatnia mindkét jelölőnégyzet vezérlőjének szövegtulajdonságát. Menjen a tulajdonságok ablakába, és módosítsa a szöveget C#-ra és ASP.Net.
2. Hasonlóképpen módosítsa mindkét rádióvezérlő név tulajdonságát. Nyissa meg a tulajdonságablakot, és módosítsa az egyik jelölőnégyzet nevét chkC-re, a másiké pedig chkASP-re.

Miután elvégezte 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 elindítja az űrlap feldolgozását. Nézzük meg, hogyan tudjuk ezt megvalósítani az alábbi példán keresztül. Hozzáadunk egy egyszerű „Küldés” gombot, amely az űrlapon szereplő összes információ elküldésére szolgál.

Step 1) Az első lépés az, hogy húzza a gombvezérlőt a Windows Űrlap az eszköztárból az alábbiak szerint

Step 2) Miután hozzáadta a gombot, lépjen a tulajdonságok ablakba a Gomb vezérlőelemre kattintva.

1. Először is meg kell változtatnia a gombvezérlő szöveg tulajdonságát. Lépjen a tulajdonságok ablakába, és módosítsa a szöveget "elküldés"-re.
2. Hasonlóképpen módosítsa a vezérlő név tulajdonságát. Lépjen a tulajdonságok ablakába, és módosítsa a nevet „btnSubmit”-ra.

Miután elvégezte a fenti módosításokat, a következő kimenetet fogja látni

Kimenet:-

Gratulálunk, most megvan az első alapszintje Windows Forma a helyén. Lépjünk most a következő témára, és nézzük meg, hogyan végezhetjük el a vezérlők eseménykezelését.

C# eseménykezelés a vezérlőkhöz

Amikor Windows űrlappal dolgozik, eseményeket adhat hozzá a vezérlőkhöz. Az esemény olyan dolog, ami akkor történik, amikor egy cselekvést végrehajtanak. Valószínűleg a leggyakoribb művelet az űrlapon lévő gombra kattintás. C# nyelven Windows Űrlapok, olyan kódot adhat hozzá, amely bizonyos műveletek végrehajtására használható, amikor egy gombot megnyomnak az űrlapon.

Normális esetben, ha egy gombot megnyomnak egy űrlapon, az azt jelenti, hogy valamilyen feldolgozásnak kell történnie.

Vessen egy pillantást az egyik eseményre és annak kezelésére, 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őhöz. Tehát valahányszor egy elemet kiválasztanak a listadoboz vezérlőjében, egy üzenetablak jelenik meg, amely a kiválasztott elemet mutatja. Ennek eléréséhez hajtsuk végre a következő lépéseket.

Step 1) Double kattintson a Listboxra 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ódszer akkor aktiválódik, amikor a listamező bármely elemét kiválasztja.

Fent látható az a kódrészlet, amelyet a Visual Studio automatikusan hozzáad, ha duplán kattint az űrlapon lévő Lista mező vezérlőjére. Most adjuk hozzá az alábbi kódrészletet ehhez a kódrészlethez, hogy a szükséges funkciókat hozzáadhassuk a listbox eseményhez.

1. Ez az eseménykezelő módszer, amelyet a Visual Studio automatikusan létrehoz, amikor duplán kattint a Listadoboz vezérlőre. Nem kell aggódnia a metódusnév vagy a metódusnak átadott paraméterek bonyolultsága miatt.
2. Itt kapjuk meg a SelectedItem elemet az lstCity.SelectedItem tulajdonságon keresztül. Ne feledje, hogy az lstCity a Listbox vezérlőnk neve. Ezután a GetItemText metódussal kapjuk meg a kiválasztott elem tényleges értékét. Ezután ezt az értéket rendeljük hozzá a szöveges változóhoz.
3. Végül az Üzenetet használjukBox módszer a szöveges változó értékének a felhasználó számára történő megjelenítésére.

Ha végrehajtja a fenti módosításokat, és futtatja a programot a Visual Studio-ban, a következő kimenetet fogja látni

Kimenet:-

A kimenetből láthatja, hogy ha a lista bármely elemét kiválasztja, egy üzenetablak jelenik meg. Ez megjeleníti a listából a kiválasztott elemet.

Most nézzük meg a végső vezérlőt, amely a Módszer gombra kattintás. Ez ismét ugyanazt a filozófiát követi. Csak kattintson duplán a gombra az Űrlaptervezőben, és automatikusan hozzáadja a metódust a gombesemény-kezelőhöz. Ezután már csak az alábbi kódot kell hozzáadnia.

1. Ez az eseménykezelő módszer, amelyet a Visual Studio automatikusan létrehoz, amikor duplán kattint a vezérlőgombra. Nem kell aggódnia a metódusnév vagy a metódusnak átadott paraméterek bonyolultsága miatt.
2. Itt a név és cím szövegmezőbe beírt értékeket kapjuk. Az értékek a textbox text tulajdonságából vehetők át. Ezután 2 változóhoz, névhez és címhez rendeljük az értékeket.
3. Végül az Üzenetet használjukBox módszer a név és cím értékeinek a felhasználó számára történő megjelenítésére.

Ha végrehajtja a fenti módosításokat, és futtatja a programot a Visual Studio-ban, a következő kimenetet fogja látni

Kimenet:-

1. Először írjon be egy értéket a név és cím mezőbe.
2. Ezután kattintson a Küldés gombra

Miután rákattint a Küldés gombra, egy üzenetablak jelenik meg, és pontosan megmutatja, hogy mit adott meg a felhasználói adatok részben.

Fa és KépBox Vezérlés

Két további vezérlőt is megnézhetünk, az egyik a 'Fa vezérlés', a másik pedig az 'Image control'. Nézzünk példákat arra, hogyan tudjuk végrehajtani ezeket a vezérlőket

Faszabályozás

– A fa vezérlőelem az elemek faszerű listázására szolgál. Talán a legjobb példa az, amikor látjuk a Windows Maga a felfedező. A mappaszerkezet be Windows Az Explorer olyan, mint egy faszerű szerkezet.

Nézzük meg, hogyan tudjuk ezt megvalósítani az alábbi példán keresztül.

Step 1) Az első lépés az, hogy húzza a Fa vezérlőt a Windows Űrlap az eszköztárból az alábbiak szerint

Step 2) A következő lépés az, hogy kezdje el csomópontok hozzáadását a fagyűjteményhez, hogy az ennek megfelelően kerüljön fel a fába. Először kövesse az alábbi allépéseket egy gyökércsomópont hozzáadásához a fagyűjteményhez.

1. Nyissa meg a fanézet-vezérlő tulajdonságai eszköztárát. Kattintson a csomópont tulajdonságára. Ekkor megjelenik a TreeNode Editor
2. A TreeNode szerkesztőben kattintson a Gyökér hozzáadása gombra, hogy gyökércsomópontot adjon a fagyűjteményhez.
3. Ezután módosítsa a gyökércsomópont szövegét, adja meg a szöveget Root-ként, majd kattintson az „OK” gombra. Ez hozzáadja a gyökércsomópontot.

Step 3) A következő lépés az utódcsomópontok hozzáadásának megkezdése a fagyűjteményhez. Kövesse az alábbi allépéseket, hogy gyermek gyökércsomópontot adjon a fagyűjteményhez.

1. Először kattintson a Gyermek hozzáadása gombra. Ez lehetővé teszi gyermekcsomópontok hozzáadását a Fa gyűjteményhez.
2. Minden gyermek csomópontnál módosítsa a szövegtulajdonságot. Ismételje meg az előző lépést és ezt a lépést, és adjon hozzá 2 további csomópontot. A végén 3 csomópontja lesz, amint az fent látható, a szöveggel címke, gomb és jelölőnégyzet.
3. Kattintson az OK gombra

Miután elvégezte a fenti módosításokat, a következő kimenetet fogja látni.

Kimenet:-

Látni fogja az űrlaphoz hozzáadott Fa nézetet. Amikor futtatja a Windows űrlap alkalmazás, akkor kibonthatja a gyökércsomópontot, és megtekintheti a gyermek csomópontokat a listában.

KépBox Vezérlés

Ezzel a vezérlővel képeket adhatunk hozzá a Winforms C#-hoz. Nézzük meg, hogyan tudjuk ezt megvalósítani az alábbi példán keresztül.

Step 1) Az első lépés a kép húzásaBox vezérlés a C#-ra Windows Űrlap az eszköztárból az alábbiak szerint

Step 2) A következő lépés az, hogy ténylegesen csatoljon egy képet a képdoboz-vezérlőhöz. Ezt az alábbi lépések követésével teheti meg.

1. Először kattintson a Kép tulajdonságra a képnélBox ellenőrzés. Egy új ablak jelenik meg.
2. Ebben az ablakban kattintson az Importálás gombra. Ez arra szolgál, hogy képet csatoljon a picturebox vezérlőhöz.
3. Megjelenik egy párbeszédpanel, amelyben kiválaszthatja a képdobozhoz csatolandó képet
4. Kattintson az OK gombra

Ha végrehajtja a fenti módosításokat, a következő kimenetet fogja látni

Kimenet:-

A kimenetből láthatja, hogy egy kép jelenik meg az űrlapon.

GYIK