Do zdaj smo videli, kako delati s C # za ustvarjanje aplikacij, ki temeljijo na konzolah. Toda v resničnem scenariju skupina običajno uporablja Visual Studio in C # za ustvarjanje Windows Forms ali spletnih aplikacij.
Aplikacija Windows form je aplikacija, ki je namenjena za zagon v računalniku. V spletnem brskalniku se ne bo zagnal, ker potem postane spletna aplikacija.
Ta vadnica se bo osredotočila na to, kako lahko ustvarimo aplikacije, ki temeljijo na sistemu Windows. Spoznali bomo tudi nekaj osnov o delu z različnimi elementi aplikacije C # Windows.
V tej vadnici za Windows se boste naučili -
- Osnove obrazcev sistema Windows
- Pozdravljen svet v obrazcih Windows
- Dodajanje kontrol v obrazec
- Upravljanje dogodkov za nadzor
- Nadzor drevesa in PictureBox
Osnove obrazcev sistema Windows
Aplikacija za obrazce Windows je tista, ki se izvaja v namiznem računalniku. Aplikacija za obrazce v sistemu Windows ima običajno zbirko kontrolnikov, kot so nalepke, besedilna polja, seznamska polja itd.
Spodaj je primer preproste aplikacije za obrazce Windows C #. Prikaže preprost zaslon za prijavo, do katerega lahko dostopa uporabnik. Uporabnik bo vnesel zahtevane poverilnice in nato za nadaljevanje kliknil gumb Prijava.
Primer nadzora, ki je na voljo v zgornji aplikaciji
- To je zbirka kontrolnikov nalepk, ki se običajno uporabljajo za opis sosednjih kontrol. V našem primeru imamo torej dve polji z besedilom, oznake pa uporabniku sporočajo, da je eno polje za vnos uporabniškega imena, drugo pa za geslo.
- Dve polji z besedilom se uporabljata za uporabniško ime in geslo, ki ju bo uporabnik vnesel.
- Na koncu imamo še gumb za upravljanje. Na gumb za upravljanje je običajno priložena neka koda za izvajanje določenega niza dejanj. Tako bi na primer v zgornjem primeru lahko gumb izvedli dejanje preverjanja uporabniškega imena in gesla, ki ga vnese uporabnik.
C # Pozdravljeni svet
Zdaj pa si oglejmo primer, kako lahko v Visual Studio uvedemo preprosto aplikacijo "hello world". Za to bi morali izvesti spodnje korake
1. korak) Prvi korak vključuje ustvarjanje novega projekta v Visual Studio. Po zagonu Visual Studio morate izbrati možnost menija Novo-> Projekt.
Korak 2) Naslednji korak je izbira vrste projekta kot aplikacije Windows Forms. Tu moramo omeniti tudi ime in lokacijo našega projekta.
- V pogovornem oknu projekta lahko vidimo različne možnosti za ustvarjanje različnih vrst projektov v Visual Studio. Kliknite možnost Windows na levi strani.
- Ko v prejšnjem koraku kliknemo možnosti Windows, bomo videli možnost za aplikacijo Windows Forms. Kliknite to možnost.
- Navedli bomo ime za prijavo. V našem primeru gre za DemoApplication. Navedli bomo tudi lokacijo za shranjevanje naše aplikacije.
- Na koncu kliknemo še gumb »V redu«, da Visual Studio ustvari naš projekt.
Če sledite zgornjim korakom, boste v Visual Studio dobili spodnji izhod.
Izhod: -
V programu Visual Studio boste videli oblikovalca obrazcev. V tem oblikovalcu obrazcev boste začeli graditi aplikacijo Windows Forms.
V Raziskovalcu rešitev boste lahko videli tudi rešitev DemoApplication. Ta rešitev bo vsebovala spodnji 2 projektni datoteki
- Aplikacija za obrazec, imenovana Forms1.cs. Ta datoteka bo vsebovala vso kodo aplikacije Windows Form.
- Glavni program, imenovan Program.cs, je privzeta kodna datoteka, ki se ustvari, ko se v Visual Studio ustvari nova aplikacija. Ta koda bo vsebovala zagonsko kodo za aplikacijo kot celoto.
Na levi strani Visual Studia boste videli tudi orodjarno. Orodje vsebuje vse kontrolnike, ki jih je mogoče dodati v obrazce sistema Windows. Kontrolniki, kot so besedilno polje ali nalepka, so le nekateri kontrolniki, ki jih je mogoče dodati v obrazce sistema Windows.
Spodaj je posnetek zaslona, kako izgleda Toolbox.
Korak 3) V tem koraku bomo obrazcu zdaj dodali oznako, ki bo prikazovala "Hello World." V orodjarni boste morali izbrati kontrolnik Oznaka in ga preprosto povleči na obrazec.
Ko povlečete oznako na obrazec, lahko vidite oznako, vdelano v obrazec, kot je prikazano spodaj.
Korak 4) Naslednji korak je, da odprete lastnosti kontrolnika in spremenite besedilo v "Hello World".
Če želite odpreti lastnosti kontrolnika, morate z desno miškino tipko klikniti kontrolnik in izbrati možnost menija Lastnosti
- Podokno z lastnostmi se prikaže tudi v Visual Studio. Torej za nadzor nalepk v nadzoru lastnosti pojdite na razdelek Besedilo in vnesite "Hello World".
- Vsak kontrolnik ima nabor lastnosti, ki opisujejo nadzor.
Če sledite vsem zgornjim korakom in zaženete program v Visual Studio, boste dobili naslednje rezultate
Izhod: -
V izhodu lahko vidite, da je prikazan obrazec Windows. Prav tako lahko vidite, da je na obrazcu prikazan napis »Hello World«.
Dodajanje kontrol v obrazec
Že dodali smo kontrolnik obrazcu, ko smo v prejšnjem razdelku dodali kontrolnik za nalepke, da se prikaže "Hello World."
Oglejmo si druge kontrolnike, ki so na voljo za obrazce sistema Windows, in si oglejmo nekatere njihove skupne lastnosti.
V naši aplikaciji obrazca za Windows v primerih C # bomo ustvarili en obrazec, ki bo imel naslednje funkcije.
- Sposobnost uporabnika, da vnese ime in naslov.
- Možnost izbire mesta, v katerem uporabnik prebiva
- Možnost, da uporabnik vnese možnost za spol.
- Možnost izbire tečaja, ki se ga želi uporabnik naučiti. Odločali se bodo za C # in ASP.Net
Poglejmo si torej podrobno vsak kontrolnik in ga dodajte za izdelavo obrazca z zgoraj omenjeno funkcionalnostjo.
Skupina Box
Polje skupine se uporablja za logično združevanje kontrolnikov v odsek. Vzemimo primer, če ste imeli zbirko kontrolnikov za vnos podrobnosti, kot sta ime in naslov osebe. V idealnem primeru so to podrobnosti o osebi, zato bi jih radi imeli v ločenem odseku na obrazcu. V ta namen lahko dobite skupinsko polje. Poglejmo, kako lahko to izvedemo s spodnjim primerom
Korak 1) Prvi korak je povleči kontrolnik Groupbox na obrazec Windows iz orodjarne, kot je prikazano spodaj
Korak 2) Ko je skupinsko polje dodano, pojdite v okno z lastnostmi s klikom na kontrolnik skupinskega polja. V oknu lastnosti pojdite na lastnost Text in jo spremenite v "User Details".
Ko izvedete zgornje spremembe, boste videli naslednji izhod
Izhod: -
V rezultatu lahko jasno vidite, da je bil Groupbox dodan obrazcu. Prav tako lahko vidite, da je bilo besedilo polja skupine spremenjeno v "Uporabniški podatki".
Nadzor nalepk
Sledi Nadzor nalepk. Nadzor oznake se uporablja za prikaz besedila ali sporočila uporabniku na obrazcu. Kontrola nalepk se običajno uporablja skupaj z drugimi kontrolami. Pogosti primeri so, da je oznaka dodana skupaj s kontrolnikom polja z besedilom.
Nalepka uporabniku označuje, kaj naj bi se zapolnilo v besedilnem polju. Poglejmo, kako lahko to izvedemo s spodnjim primerom. Dodali bomo dve nalepki, eno, ki se bo imenovala "ime", druga pa "naslov". Uporabljali se bodo skupaj s kontrolniki za besedilno polje, ki bodo dodani v naslednjem razdelku.
Korak 1) Prvi korak je povleci kontrolnik z nalepkami na orodje Windows Form iz orodjarne, kot je prikazano spodaj. Prepričajte se, da ste dvakrat povlekli kontrolnik za nalepke, tako da boste imeli enega za 'ime' in drugega za 'naslov'.
Korak 2) Ko je nalepka dodana, pojdite v okno lastnosti s klikom na kontrolnik nalepke. V oknu lastnosti pojdite na lastnost Besedilo vsakega kontrolnika oznake.
Ko izvedete zgornje spremembe, boste videli naslednji izhod
Izhod: -
Ogledate si lahko kontrolnike za nalepke, dodane v obrazec.
Besedilo
Polje z besedilom uporabniku omogoča, da v programu Windows v C # vnese nekaj besedila. Poglejmo, kako lahko to izvedemo s spodnjim primerom. Obrazcu bomo dodali 2 polji z besedilom, eno za Ime in drugo za naslov, ki ga bo uporabnik vnesel
Korak 1) Prvi korak je povlečenje kontrolnika z besedilnim poljem na orodje Windows Form iz orodjarne, kot je prikazano spodaj
Korak 2) Ko so dodana besedilna polja, pojdite v okno lastnosti s klikom na kontrolnik polja z besedilom. V oknu lastnosti pojdite na lastnost Ime in v vsako besedilno polje dodajte smiselno ime. Besedilno polje za uporabnika na primer poimenujte kot txtUser, tisto za naslov pa kot txtAddress. Za kontrolnike je treba določiti konvencijo in standard poimenovanja, ker je lažje dodajati dodatne funkcije tem kontrolam, kar bomo videli kasneje.
Ko izvedete zgornje spremembe, boste videli naslednji izhod
Izhod: -
V izhodu lahko jasno vidite, da so bila polja dodana v polje.
Polje s seznamom
Listbox se uporablja za predstavitev seznama elementov na obrazcu Windows. Poglejmo, kako lahko to izvedemo s spodnjim primerom. Obrazcu bomo dodali polje s seznamom za shranjevanje nekaterih mestnih lokacij.
Korak 1) Prvi korak je povleči kontrolnik polja s seznamom na obrazec Windows iz orodjarne, kot je prikazano spodaj
Korak 2) Ko je polje s seznamom dodano, pojdite v okno lastnosti s klikom na kontrolnik polja s seznamom.
- Najprej spremenite lastnost kontrolnika polja Listbox, v našem primeru smo to spremenili v lstCity
- Kliknite lastnost Elementi. Tako boste lahko dodali različne elemente, ki se lahko prikažejo v seznamskem polju. V našem primeru smo izbrali postavke "zbirka".
- V urejevalnik String Collection, ki se odpre, vnesite imena mest. V našem primeru smo vnesli "Mumbai", "Bangalore" in "Hyderabad".
- Na koncu kliknite gumb »V redu«.
Ko izvedete zgornje spremembe, boste videli naslednji izhod
Izhod: -
V izhodu lahko vidite, da je bil Listbox dodan obrazcu. Prav tako lahko vidite, da je bilo na seznamu polno mesto.
Radijski gumb
Gumb Radio se uporablja za prikaz seznama elementov, med katerimi lahko uporabnik enega izbere. Poglejmo, kako lahko to izvedemo s spodnjim primerom. Dodali bomo izbirni gumb za moško / žensko možnost.
Korak 1) Prvi korak je povlecite kontrolni gumb »radijski gumb« na orodje Windows Form iz orodjarne, kot je prikazano spodaj.
Korak 2) Ko je gumb Radio dodan, pojdite v okno z lastnostmi s klikom na gumb Radiobutton.
- Najprej morate spremeniti lastnost besedila obeh radijskih kontrolnikov. Odprite okna lastnosti in besedilo spremenite v moški enega izbirnega gumba, besedilo drugega pa v žensko.
- Podobno spremenite lastnost imena obeh radijskih kontrolnikov. Odprite okna z lastnostmi in spremenite ime enega 'rdMale' enega radio gumba in 'rdfemale' drugega.
Ko boste naredili zgornje spremembe, boste videli naslednji izhod
Izhod: -
Videli boste radijske gumbe, dodane obrazcu Windows.
Potrditveno polje
Potrditveno polje se uporablja za seznam možnosti, pri katerih lahko uporabnik izbere več možnosti. Poglejmo, kako lahko to izvedemo s spodnjim primerom. Našim obrazcem za Windows bomo dodali 2 potrditveni polji. Ta potrditvena polja bodo uporabniku ponujala možnost, ali se želi naučiti C # ali ASP.Net.
Korak 1) Prvi korak je povlečenje kontrolnega polja na obrazec sistema Windows iz orodjarne, kot je prikazano spodaj
Korak 2) Ko je potrditveno polje dodano, pojdite v okno lastnosti s klikom na kontrolno polje.
V oknu lastnosti
- Najprej morate spremeniti lastnost besedila obeh kontrolnih polj. Odprite okna lastnosti in besedilo spremenite v C # in ASP.Net.
- Podobno spremenite lastnost imena obeh radijskih kontrolnikov. Pojdite v okna z lastnostmi in spremenite ime v chkC enega potrditvenega polja in v chkASP za drugega.
Ko izvedete zgornje spremembe, boste videli naslednji izhod
Izhod: -
Gumb
Gumb se uporablja za omogočanje uporabniku, da klikne gumb, ki nato začne z obdelavo obrazca. Poglejmo, kako lahko to izvedemo s spodnjim primerom. Dodali bomo preprost gumb z imenom "Pošlji", s katerim bomo poslali vse podatke na obrazcu.
Korak 1) Prvi korak je povlečenje gumba na orodje Windows Form iz orodjarne, kot je prikazano spodaj
Korak 2) Ko je gumb dodan, pojdite v okno lastnosti s klikom na gumb Gumb.
- Najprej morate spremeniti lastnost besedila gumba. Odprite okna lastnosti in besedilo spremenite v 'submit'.
- Podobno spremenite lastnost imena kontrolnika. Odprite okna lastnosti in spremenite ime v 'btnSubmit'.
Ko izvedete zgornje spremembe, boste videli naslednji izhod
Izhod: -
Čestitamo, zdaj imate vzpostavljen prvi osnovni obrazec za Windows. Zdaj pa pojdimo na naslednjo temo, da vidimo, kako lahko upravljamo dogodke za kontrolnike.
Upravljanje dogodkov C # za kontrole
Pri delu z obrazcem Windows lahko dogodkom dodajate kontrolnike. Dogodek je nekaj, kar se zgodi, ko je neko dejanje izvedeno. Verjetno najpogostejše dejanje je klik gumba na obrazcu. V C # Windows Forms lahko dodate kodo, s katero lahko ob pritisku gumba na obrazcu izvedete določena dejanja.
Ko na obrazcu običajno pritisnete gumb, to pomeni, da je treba opraviti nekaj obdelave.
Oglejmo si enega od dogodkov in kako ga je mogoče obravnavati, preden gremo na scenarij dogodka z gumbi.
Spodnji primer prikazuje dogodek za kontrolnik Listbox. Torej, kadar je element izbran v kontrolniku seznama, se mora pojaviti okno s sporočilom, ki prikazuje izbrani element. Izvedimo naslednje korake, da to dosežemo.
Korak 1) Dvokliknite polje s seznami v oblikovalcu obrazcev . S tem bo Visual Studio samodejno odprl kodno datoteko obrazca. In kodi samodejno doda način dogodka. Ta način dogodka se sproži vsakič, ko je izbran kateri koli element na seznamu.
Zgoraj je delček kode, ki ga Visual Studio samodejno doda, ko dvokliknete kontrolnik polja s seznamom na obrazcu. Zdaj v ta delček kode dodamo spodnji odsek kode, da v dogodek seznama dodamo zahtevano funkcionalnost.
- To je metoda obdelave dogodkov, ki jo Visual Studio samodejno ustvari, ko dvokliknete kontrolnik polja s seznamom. Ni vam treba skrbeti zaradi zapletenosti imena metode ali parametrov, posredovanih metodi.
- Tu dobimo SelectedItem prek lastnosti lstCity.SelectedItem. Ne pozabite, da je lstCity ime našega kontrolnika Listbox. Nato z metodo GetItemText dobimo dejansko vrednost izbranega predmeta. Nato to vrednost dodelimo besedilni spremenljivki.
- Na koncu uporabimo še metodo MessageBox, da uporabniku prikažemo vrednost besedilne spremenljivke.
Ko naredite zgornje spremembe in zaženete program v Visual Studio, boste videli naslednje rezultate
Izhod: -
Iz izhoda lahko vidite, da ko se izbere kateri koli element s seznama, se prikaže sporočilo. To bo prikazalo izbrani element s seznama.
Zdaj pa poglejmo končni nadzor, ki je način klika gumba. Tudi to sledi isti filozofiji. Samo dvokliknite gumb v oblikovalcu obrazcev in samodejno bo dodal metodo za obdelavo dogodkov gumbov. Nato morate samo dodati spodnjo kodo.
- To je metoda obdelave dogodkov, ki jo Visual Studio samodejno ustvari, ko dvokliknete gumb za upravljanje. Ni vam treba skrbeti zaradi zapletenosti imena metode ali parametrov, posredovanih metodi.
- Tu dobimo vrednosti, vnesene v polje z imenom in naslovom. Vrednosti lahko vzamete iz lastnosti besedila v besedilnem polju. Nato vrednosti dodelimo dvema spremenljivkama, imenu in naslovu.
- Na koncu uporabimo metodo MessageBox, da uporabniku prikažemo vrednosti imena in naslova.
Ko naredite zgornje spremembe in zaženete program v Visual Studio, boste videli naslednje rezultate
Izhod: -
- Najprej v polje za ime in naslov vnesite vrednost.
- Nato kliknite gumb Pošlji
Ko kliknete gumb Pošlji, se prikaže okno s sporočilom in pravilno vam pokaže, kaj ste vnesli v razdelek o uporabniških podrobnostih.
Nadzor drevesa in PictureBox
Oglejte si lahko še dva kontrolnika, eden je "Nadzor drevesa", drugi pa "Nadzor slike". Oglejmo si primere, kako lahko uporabimo te kontrole
Nadzor dreves
- Drevesni nadzor se uporablja za popisovanje elementov v drevesu, kot je način. Verjetno je najboljši primer, ko vidimo samega raziskovalca Windows. Struktura map v Raziskovalcu je podobna drevesni strukturi.
Poglejmo, kako lahko to izvedemo s spodnjim primerom.
Korak 1) Prvi korak je povleci nadzor drevesa na orodje Windows Form iz orodjarne, kot je prikazano spodaj
Korak 2) Naslednji korak je začeti dodajati vozlišča v drevesno zbirko, da se bo lahko ustrezno pojavila v drevesu. Najprej sledimo spodnjim korakom za dodajanje korenskega vozlišča v drevesno zbirko.
- Odprite orodno polje lastnosti za nadzor drevesnega pogleda. Kliknite lastnost vozlišča. To bo odprlo urejevalnik TreeNode
- V urejevalniku TreeNode kliknite gumb Add Root, da dodate drevesno zbirko v korensko vozlišče.
- Nato spremenite besedilo koreninskega vozlišča in vnesite besedilo kot root in kliknite gumb »V redu«. To bo dodalo Root vozlišče.
Korak 3) Naslednji korak je začeti dodajati podrejena vozlišča v drevesno zbirko. Sledimo spodnjim korakom, da v drevesno zbirko dodamo podrejeno vozlišče.
- Najprej kliknite gumb Dodaj otroka. To bo omogočilo dodajanje podrejenih vozlišč v zbirko Tree.
- Za vsako podrejeno vozlišče spremenite lastnost besedila. Še naprej ponavljajte prejšnji korak in ta korak ter dodajte 2 dodatni vozlišči. Na koncu boste imeli 3 vozlišča, kot je prikazano zgoraj, z besedilom kot Oznaka, Gumb in Potrditveno polje.
- Kliknite gumb V redu
Ko izvedete zgornje spremembe, boste videli naslednji izhod.
Izhod: -
V obrazec boste lahko videli drevesni pogled. Ko zaženete aplikacijo za obrazec Windows, lahko razširite korensko vozlišče in si ogledate podrejena vozlišča na seznamu.
Nadzor PictureBox
Ta kontrolnik se uporablja za dodajanje slik v Winforms C #. Poglejmo, kako lahko to izvedemo s spodnjim primerom.
Korak 1) Prvi korak je povleči kontrolnik PictureBox na obrazec C # Windows iz orodjarne, kot je prikazano spodaj
Korak 2) Naslednji korak je dejansko prilaganje slike na kontrolnik polja s sliko. To lahko storite tako, da sledite spodnjim korakom.
- Najprej kliknite lastnost Image za kontrolnik PictureBox. Odpre se novo okno.
- V tem oknu kliknite gumb Uvozi. To bo uporabljeno za pritrditev slike na kontrolnik slikovnega polja.
- Pojavilo se bo pogovorno okno, v katerem boste lahko izbrali sliko, ki jo želite priložiti
- Kliknite gumb V redu
Ko boste naredili zgornje spremembe, boste videli naslednji izhod
Izhod: -
Iz izhoda lahko vidite, da je slika prikazana na obrazcu.
Povzetek
- Obrazec Windows v aplikaciji C # je tisti, ki se izvaja na namizju računalnika. Visual Studio Form skupaj s C # lahko uporabite za ustvarjanje aplikacije Windows Forms.
- Kontrole je mogoče dodati v obrazce sistema Windows C # prek orodjarne v Visual Studio. Kontrolnike, kot so nalepke, potrditvena polja, izbirni gumbi itd., Lahko v obrazec dodate prek orodjarne.
- Uporabimo lahko tudi napredne kontrolnike, kot sta nadzor drevesnega pogleda in nadzor PictureBox.
- Obdelovalci dogodkov se uporabljajo za odziv na dogodke, ustvarjene iz kontrolnikov. Najpogostejši je tisti, dodan za dogodek s klikom na gumb.