Siiani oleme näinud, kuidas töötada konsoolipõhiste rakenduste loomiseks C # -ga. Kuid reaalses stsenaariumis kasutab tiim Visual Studiot ja C # -d tavaliselt Windowsi vormide või veebipõhiste rakenduste loomiseks.
Windowsi vormirakendus on rakendus, mis on loodud arvutis töötamiseks. See ei tööta veebibrauseris, sest siis saab sellest veebirakendus.
Selles õpetuses keskendutakse sellele, kuidas saaksime luua Windows-põhiseid rakendusi. Õpime ka mõned põhitõed selle kohta, kuidas töötada C # Windowsi rakenduse erinevate elementidega.
Selles Windowsi õpetuses saate teada
- Windowsi vormide põhitõed
- Tere maailm Windowsi vormides
- Vormile juhtelemendi lisamine
- Sündmuste käitlemine juhtnuppude jaoks
- Puu ja PictureBoxi juhtimine
Windowsi vormide põhitõed
Windowsi vormirakendus on rakendus, mis töötab lauaarvutis. Windowsi vormirakendusel on tavaliselt juhtelementide kogu, näiteks sildid, tekstikastid, loendiboksid jne.
Allpool on toodud näide lihtsast Windowsi vormirakendusest C #. See näitab lihtsat sisselogimisekraani, millele kasutaja saab juurde pääseda. Kasutaja sisestab vajalikud mandaadid ja seejärel jätkamiseks jätkamiseks klõpsake nuppu Logi sisse.
Nii et ülaltoodud rakenduses saadaolevate juhtnuppude näide
- See on siltide juhtelementide kogu, mida tavaliselt kasutatakse kõrvuti asuvate kontrollide kirjeldamiseks. Nii et meie puhul on meil 2 tekstikasti ja silte kasutatakse kasutajale teatamiseks, et üks tekstikast on kasutajanime sisestamiseks ja teine parooli jaoks.
- Kahte tekstikasti kasutatakse kasutajanime ja parooli hoidmiseks, mille kasutaja sisestab.
- Lõpuks on meil nupu juhtimine. Nupu juhtnupul on tavaliselt teatud toimingute tegemiseks mõni kood lisatud. Näiteks võiksime ülaltoodud juhul lasta nupul teha toimingu kasutaja sisestatud kasutajanime ja parooli kinnitamiseks.
C # Tere maailm
Vaatame nüüd näidet, kuidas saaksime Visual Studios rakendada lihtsat rakendust „tere maailm“. Selleks peame rakendama allpool nimetatud samme
1. samm. Esimene samm hõlmab Visual Studio uue projekti loomist. Pärast Visual Studio käivitamist peate valima menüüvaliku Uus-> Projekt.
2. samm. Järgmine samm on valida projekti tüüp rakenduseks Windows Forms. Siinkohal peame mainima ka meie projekti nime ja asukohta.
- Projekti dialoogiboksis näeme erinevaid võimalusi Visual Studios erinevat tüüpi projektide loomiseks. Klõpsake vasakul küljel Windowsi valikut.
- Kui klõpsame eelmises etapis Windowsi suvanditel, näeme Windowsi vormirakenduse suvandit. Klõpsake seda valikut.
- Anname rakendusele nime. Meie puhul on see DemoApplication. Pakume ka asukoha, kuhu oma rakendus salvestada.
- Lõpuks klõpsame nuppu OK, et Visual Studio saaks oma projekti luua.
Kui järgitakse ülaltoodud samme, saate Visual Studios alltoodud väljundi.
Väljund: -
Näete Visual Studios kuvatavat vormikujundajat. Selles vormidisaineris hakkate oma Windows Formsi rakendust üles ehitama.
Lahenduseuurijas näete ka DemoApplicationi lahendust. See lahendus sisaldab allpool kahte projektifaili
- Vormirakendus nimega Forms1.cs. See fail sisaldab kogu Windowsi vormi rakenduse koodi.
- Põhiprogramm nimega Program.cs on vaikekoodifail, mis luuakse, kui Visual Studios luuakse uus rakendus. See kood sisaldab kogu rakenduse käivituskoodi.
Visual Studio vasakul küljel näete ka tööriistakasti. Tööriistakast sisaldab kõiki juhtelemente, mida saab Windows Formsi lisada. Juhtnupud nagu tekstikast või silt on vaid mõned juhtelemendid, mida saab lisada Windows Formsi.
Allpool on ekraanipilt tööriistakasti väljanägemise kohta.
Samm 3) Selles etapis lisame nüüd vormile sildi, mis kuvab "Tere maailm". Tööriistakastist peate valima sildi juhtelemendi ja lohistama selle lihtsalt vormile.
Kui lohistate sildi vormile, näete vormile manustatud silti, nagu allpool näidatud.
Samm 4) Järgmine samm on minna juhtelemendi omadustele ja muuta tekstiks "Tere maailm".
Juhtelemendi omaduste juurde liikumiseks peate paremklõpsama juhtnuppu ja valima menüüvaliku Atribuudid
- Atribuutide paneel kuvatakse ka Visual Studios. Nii et siltide juhtimiseks minge omaduste juhtimisse jaotisse Tekst ja sisestage "Tere maailm".
- Igal juhtelementil on hulk juhtelemente kirjeldavaid omadusi.
Kui järgite kõiki ülaltoodud samme ja käivitate oma programmi Visual Studios, saate järgmise väljundi
Väljund: -
Väljundis näete, et kuvatakse Windowsi vorm. Samuti näete, et vormil kuvatakse "Tere maailm".
Vormile juhtelemendi lisamine
Me nägime, kuidas vormile juhtelementi lisada, kui lisasime eelmises jaotises sildi juhtelemendi, et kuvada "Tere maailm".
Vaatame teisi Windowsi vormide jaoks saadaolevaid juhtelemente ja näeme mõningaid nende ühiseid omadusi.
Meie Windowsi vormirakenduses C # näidetes loome ühe vormi, millel on järgmine funktsioon.
- Kasutaja võimalus sisestada nimi ja aadress.
- Võimalus valida linn, kus kasutaja elab
- Kasutaja võimalus sisestada soo valik.
- Võimalus valida kursus, mida kasutaja soovib õppida. Seal tehakse valikuid nii C # kui ka ASP.Net jaoks
Nii et vaatame kõiki juhtelemente üksikasjalikult ja lisame need vormi ülesehitamiseks koos ülalnimetatud funktsioonidega.
Grupikast
Rühmakasti kasutatakse sektsioonide loogilise rühmitamise jaoks. Võtame näite, kui teil oli üksikasjade, näiteks inimese nime ja aadressi, sisestamiseks juhtelementide kogu. Ideaalis on need inimese andmed, nii et soovite, et need üksikasjad oleksid vormi eraldi jaotises. Sel eesmärgil võib teil olla rühma kast. Vaatame, kuidas seda allpool toodud näite abil rakendada
Samm 1) Esimene samm on lohistada Groupboxi juhtnupp tööriistakastist Windowsi vormile, nagu allpool näidatud
Samm 2) Kui rühmakast on lisatud, minge atribuutide aknasse, klõpsates grupikasti juhtnupul. Atribuutide aknas minge atribuudile Tekst ja muutke see väärtuseks "Kasutaja üksikasjad".
Kui olete ülaltoodud muudatused teinud, näete järgmist väljundit
Väljund: -
Väljundis näete selgelt, et Groupbox lisati vormile. Samuti näete, et grupikasti tekstiks muudeti "Kasutaja üksikasjad".
Siltide kontroll
Edasi tuleb silt Label Control. Sildi juhtelementi kasutatakse kasutajale vormil teksti või sõnumi kuvamiseks. Tavaliselt kasutatakse sildikontrolli koos teiste kontrollidega. Levinud näited on sellised, kus koos tekstikasti juhtelemendiga lisatakse silt.
Silt näitab kasutajale seda, mida eeldatavalt tekstikasti täidetakse. Vaatame, kuidas seda allpool toodud näite abil rakendada. Lisame 2 silti, millest üks nimetatakse nimeks ja teine nimeks aadress. Neid kasutatakse koos tekstikasti juhtnuppudega, mis lisatakse hilisemasse jaotisesse.
Samm 1) Esimene samm on lohistada sildi juhtelement tööriistakastist Windowsi vormile, nagu allpool näidatud. Lohistage silt 2 korda, et teil oleks üks nimele ja teine aadressile.
2. samm. Kui silt on lisatud, minge atribuutide aknasse, klõpsates sildi juhtelementil. Minge atribuutide aknas iga sildikontrolli atribuudiks Tekst.
Kui olete ülaltoodud muudatused teinud, näete järgmist väljundit
Väljund: -
Näete vormile lisatud siltide juhtelemente.
Tekstikast
Tekstikasti kasutatakse selleks, et kasutaja saaks Windowsi rakenduses teksti C # sisestada. Vaatame, kuidas seda allpool toodud näite abil rakendada. Lisame vormile 2 tekstikasti, ühe Nime jaoks ja teise kasutajale sisestatud aadressi jaoks
Samm 1) Esimene samm on lohistada tekstikasti juhtelement tööriistakastist Windowsi vormile, nagu allpool näidatud
Samm 2) Kui tekstikastid on lisatud, minge omaduste aknasse, klõpsates tekstikasti juhtnupul. Atribuutide aknas minge atribuudile Nimi ja lisage igale tekstikastile tähenduslik nimi. Näiteks nimetage kasutaja tekstikasti txtUser ja aadressi txtAddress. Juhtnuppude jaoks tuleks koostada nimetamiskord ja standard, sest nendele juhtnuppudele on lisafunktsionaalsuse lisamine lihtsam, mida näeme hiljem.
Kui olete ülaltoodud muudatused teinud, näete järgmist väljundit
Väljund: -
Väljundis näete selgelt, et vormile lisati tekstikastid.
Loendikast
Loendiboksi kasutatakse üksuste loendi esitamiseks Windowsi vormis. Vaatame, kuidas seda allpool toodud näite abil rakendada. Mõne linna asukoha salvestamiseks lisame vormile loendikasti.
1. samm. Esimene samm on lohistada loendiboksi juhtelement tööriistakastist Windowsi vormile, nagu allpool näidatud
Samm 2) Kui loendikast on lisatud, minge atribuutide aknasse, klõpsates loendiboksi juhtnupul.
- Kõigepealt muutke kastikasti juhtelemendi atribuudi omadusi, meie juhul oleme selle muutnud lstCity-ks
- Klõpsake atribuudil Üksused. See võimaldab teil lisada erinevaid üksusi, mida kuvatakse loendikastis. Meie puhul oleme valinud üksused "kollektsioon".
- Sisestage hüpikakende redaktorisse String Collection Editor linnade nimed. Meie puhul oleme sisestanud "Mumbai", "Bangalore" ja "Hyderabad".
- Lõpuks klõpsake nuppu OK.
Kui olete ülaltoodud muudatused teinud, näete järgmist väljundit
Väljund: -
Väljundis näete, et vormi lisati loendiboks. Samuti näete, et loendikast on täidetud linna väärtustega.
Raadio nupp
Raadionuppu kasutatakse üksuste loendi kuvamiseks, millest kasutaja saab ühe valida. Vaatame, kuidas seda allpool toodud näite abil rakendada. Lisame raadionupu meeste / naiste valiku jaoks.
Samm 1) Esimene samm on lohistada raadionupu juhtnupp tööriistakastist Windowsi vormile, nagu allpool näidatud.
Samm 2) Kui raadionupp on lisatud, minge omaduste aknasse, klõpsates raadionupu juhtnuppu.
- Esiteks peate muutma mõlema raadio juhtelemendi teksti omadust. Minge omaduste akendesse ja muutke tekst ühe raadionupu isaseks ja teise tekst naiseks.
- Samamoodi muutke mõlema raadio juhtnupu nime omadust. Minge atribuutide akendesse ja muutke ühe raadionupu nimeks 'rdMale' ja teise jaoks 'rdfemale'.
Kui teete ülaltoodud muudatused, näete järgmist väljundit
Väljund: -
Näete Windowsi vormile lisatud raadionuppe.
Märkeruut
Märkeruutu kasutatakse valikute loendi esitamiseks, milles kasutaja saab valida mitu valikut. Vaatame, kuidas seda allpool toodud näite abil rakendada. Lisame oma Windowsi vormidele 2 märkeruutu. Need märkeruudud pakuvad kasutajale valiku, kas nad soovivad õppida C # või ASP.Net.
1. samm. Esimene samm on lohistada märkeruutude juhtnupp tööriistakastist Windowsi vormile, nagu allpool näidatud
Samm 2) Kui märkeruut on lisatud, minge atribuutide aknasse, klõpsates juhtnupul Märkekast.
Atribuutide aknas
- Esiteks peate muutma mõlema märkeruudu juhtelemendi teksti atribuuti. Minge atribuutide akendesse ja muutke tekstiks C # ja ASP.Net.
- Samamoodi muutke mõlema raadio juhtnupu nime omadust. Minge atribuutide akendesse ja muutke ühe märkeruudu nimeks chkC ja teise jaoks chkASP.
Kui olete ülaltoodud muudatused teinud, näete järgmist väljundit
Väljund: -
Nupp
Nuppu kasutatakse selleks, et kasutaja saaks klõpsata nupul, mis seejärel alustaks vormi töötlemist. Vaatame, kuidas seda allpool toodud näite abil rakendada. Lisame lihtsa nupu "Esita", mida kasutatakse kogu vormil oleva teabe edastamiseks.
1. samm. Esimene samm on lohistada nupu juhtnupp tööriistakastist Windowsi vormile, nagu allpool näidatud
Samm 2) Kui nupp on lisatud, minge omaduste aknasse, klõpsates nuppu Nupp.
- Esiteks peate muutma nupu juhtelemendi teksti atribuuti. Minge atribuutide akendesse ja muutke tekst olekuks „esita”.
- Samamoodi muutke juhtelemendi nime omadust. Minge atribuutide akendesse ja muutke nimeks „btnSubmit”.
Kui olete ülaltoodud muudatused teinud, näete järgmist väljundit
Väljund: -
Palju õnne, teil on nüüd esimene Windowsi põhivorm paigas. Läheme nüüd järgmise teema juurde, et näha, kuidas saaksime juhtnuppude sündmuste käitlemist teha.
C # sündmuste käitlemine juhtnuppude jaoks
Windowsi vormiga töötades saate juhtnuppudele lisada sündmusi. Sündmus on midagi, mis juhtub toimingu sooritamisel. Ilmselt on kõige tavalisem toiming vormil nupul klõpsamine. Rakenduses C # Windows Forms saate lisada koodi, mida saab kasutada teatud toimingute tegemiseks, kui vormil nuppu vajutatakse.
Tavaliselt tähendab see, et kui vormil nuppu vajutatakse, peaks see toimuma.
Heidame pilgu ühele sündmusele ja selle käsitlemisele, enne kui läheme nupuürituse stsenaariumi juurde.
Allpool toodud näide tutvustab sündmust loendiboksi juhtimiseks. Nii et alati, kui loendiboksi juhtelemendis on valitud üksus, peaks hüpikakna ilmuma, kus kuvatakse valitud üksus. Teeme selle saavutamiseks järgmised sammud.
Samm 1) Topeltklõpsake vormikujundaja loendikastil . Seda tehes avab Visual Studio automaatselt vormi koodifaili. Ja see lisab koodile automaatselt sündmuse meetodi. See sündmusemeetod käivitatakse alati, kui mõni loendiboksi üksus on valitud.
Eespool on koodilõik, mille Visual Studio automaatselt lisab, kui topeltklõpsate vormil kastikastil Juhtelement. Lisame nüüd sellele koodilõigule allpool oleva koodiosa, et lisada loendiboksi sündmusele vajalik funktsionaalsus.
- See on sündmusekäitleja meetod, mille Visual Studio loob automaatselt, kui te topeltklõpsate kastiväljal Loend. Te ei pea muretsema meetodi nime keerukuse ega meetodile edastatud parameetrite pärast.
- Siin saame SelectedItem atribuudi lstCity.SelectedItem kaudu. Pidage meeles, et lstCity on meie loendiboksi juhtelemendi nimi. Seejärel kasutame valitud üksuse tegeliku väärtuse saamiseks meetodit GetItemText. Seejärel määrame selle väärtuse tekstimuutujale.
- Lõpuks kasutame MessageBoxi meetodit tekstimuutuja väärtuse kuvamiseks kasutajale.
Kui teete ülaltoodud muudatused ja käivitate programmi Visual Studios, näete järgmist väljundit
Väljund: -
Väljundist näete, et kui loendiboksist on valitud üksus, siis kuvatakse teatekast. See näitab loendiboksist valitud üksust.
Nüüd vaatame viimast juhtelementi, mis on nupul klõpsamise meetod. Jällegi järgib see sama filosoofiat. Lihtsalt topeltklõpsake vormide kujundaja nupul ja see lisab automaatselt nupu sündmuste käitleja meetodi. Siis peate lihtsalt lisama alloleva koodi.
- See on sündmuste käitleja meetod, mille Visual Studio loob automaatselt, kui te topeltklõpsate nupu juhtnuppu. Te ei pea muretsema meetodi nime keerukuse ega meetodile edastatud parameetrite pärast.
- Siin saame väärtused, mis sisestatakse nime ja aadressi tekstikasti. Väärtusi saab võtta tekstikasti atribuudist text. Seejärel määrame väärtused vastavalt 2 muutujale, nimele ja aadressile.
- Lõpuks kasutame nime ja aadressi väärtuste kuvamiseks kasutajale MessageBoxi meetodit.
Kui teete ülaltoodud muudatused ja käivitate programmi Visual Studios, näete järgmist väljundit
Väljund: -
- Esmalt sisestage väärtus väljale nimi ja aadress.
- Seejärel klõpsake nuppu Esita
Kui klõpsate nupul Esita, ilmub teatekast ja see näitab teile õigesti, mida sisestasite kasutaja üksikasjade jaotisesse.
Puu ja PictureBoxi juhtimine
Veel on kaks juhtnuppu, mida saame vaadata, üks on "Tree Control" ja teine "Image control". Vaatame näiteid selle kohta, kuidas neid juhtnuppe rakendada
Puu juhtimine
- Puu juhtelementi kasutatakse puus olevate esemete loetlemiseks nagu mood. Parim näide on ilmselt see, kui näeme Windows Explorerit ennast. Windows Exploreri kaustade struktuur on nagu puulaadne struktuur.
Vaatame, kuidas seda allpool toodud näite abil rakendada.
Samm 1) Esimene samm on puukontrolli lohistamine tööriistakastist Windowsi vormile, nagu allpool näidatud
Samm 2) Järgmine samm on puukogusse sõlmede lisamine, et see saaks vastavalt sellele puus üles tulla. Esmalt järgime järgmisi alamjuhiseid, et lisada juurekomplekt puukogusse.
- Minge puuvaate juhtimise atribuutide tööriistakasti. Klõpsake sõlme atribuudil. See avab TreeNode'i redaktori
- Klõpsake TreeNode Editoris nuppu Lisa juur, et lisada puukogusse juursõlm.
- Järgmisena muutke juursõlme teksti ja sisestage tekst juurteks ning klõpsake nuppu 'OK'. See lisab juurte sõlme.
3. samm. Järgmine samm on hakata alussõlmi puukogusse lisama. Alamjuure sõlme puukogusse lisamiseks järgime alltoodud alamjuhiseid.
- Kõigepealt klõpsake nuppu Lisa laps. See võimaldab teil lisada puu kogusse alamsõlmed.
- Muutke iga lapse sõlme jaoks teksti atribuuti. Korrake eelmist sammu ja seda sammu ning lisage 2 täiendavat sõlme. Lõpuks on teil 3 sõlme, nagu eespool näidatud, tekstiga vastavalt silt, nupp ja märkeruut.
- Klõpsake nuppu OK
Kui olete ülaltoodud muudatused teinud, näete järgmist väljundit.
Väljund: -
Näete vormile lisatud puuvaadet. Windowsi vormirakenduse käivitamisel saate laiendada juursõlme ja näha loendis alamsõlmi.
PictureBoxi juhtimine
Seda juhtelementi kasutatakse piltide lisamiseks Winforms C # -i. Vaatame, kuidas seda allpool toodud näite abil rakendada.
Samm 1) Esimene samm on tõmmata PictureBoxi juhtnupp tööriistakastist C # Windowsi vormile, nagu allpool näidatud
Samm 2) Järgmine samm on pildi lisamine pildikasti juhtnupule. Seda saab teha järgides alltoodud samme.
- Kõigepealt klõpsake PictureBoxi juhtimiseks atribuuti Image. Avaneb uus aken.
- Klõpsake selles aknas nuppu Import. Seda kasutatakse pildi lisamiseks pildikasti juhtnupule.
- Ilmub dialoogiboks, kus saate valida pildikasti lisamiseks vajaliku pildi
- Klõpsake nuppu OK
Kui teete ülaltoodud muudatused, näete järgmist väljundit
Väljund: -
Väljundist näete, et vormil kuvatakse pilt.
Kokkuvõte
- C # rakenduse Windowsi vorm on see, mis töötab arvuti töölaual. Visual Studio Formi koos C # -ga saab kasutada Windowsi vormirakenduse loomiseks.
- Juhtelemente saab Windowsi vormidele C # lisada Visual Studio tööriistakasti kaudu. Tööriistakasti kaudu saab vormile lisada juhtnuppe, nagu sildid, märkeruudud, raadionupud jne.
- Võib kasutada ka täiustatud juhtnuppe nagu puuvaate juhtimine ja PictureBoxi juhtimine.
- Sündmuste käitlejaid kasutatakse juhtnuppudest loodud sündmustele reageerimiseks. Kõige tavalisem on see, mis lisati nupul klõpsatud sündmuse jaoks.