C# Windows Vodič za primjenu obrazaca s primjerom

Na lijevoj strani Visual Studija također ćete vidjeti AlatBox. Kutija s alatima sadrži sve kontrole koje se mogu dodati u a Windows Obrasci. Kontrole poput tekstualnog okvira ili oznake samo su neke od kontrola koje se mogu dodati u Windows Obrasci.

Ispod je snimak zaslona kako Toolbox izgleda.

Korak 3) U ovom koraku, sada ćemo dodati oznaku obrascu koja će prikazati "Hello World." Iz okvira s alatima morat ćete odabrati kontrolu Label i jednostavno je povući na obrazac.

Nakon što povučete oznaku u obrazac, možete vidjeti oznaku ugrađenu u obrazac kao što je prikazano u nastavku.

Korak 4) Sljedeći korak je otići na svojstva kontrole i promijeniti tekst u 'Hello World'.

Da biste otišli na svojstva kontrole, trebate desnom tipkom miša kliknuti kontrolu i odabrati opciju izbornika Svojstva

• Ploča svojstava također se prikazuje u Visual Studiju. Dakle, za kontrolu oznake, u kontroli svojstava, idite na odjeljak Tekst i unesite "Hello World".
• Svaka kontrola ima skup svojstava koja opisuju kontrolu.

Ako slijedite sve gore navedene korake i pokrenete svoj program u Visual Studiju, dobit ćete sljedeći izlaz

Izlaz:-

U izlazu možete vidjeti da je Windows Prikazuje se obrazac. Također možete vidjeti 'Hello World' prikazano na obrascu.

Dodavanje kontrola u obrazac

Već smo vidjeli kako dodati kontrolu u obrazac kada smo dodali kontrolu oznake u prethodnom odjeljku za prikaz "Hello World".

Pogledajmo ostale kontrole dostupne za Windows oblike i vidjeti neka njihova zajednička svojstva.

U našem Windows aplikaciju obrasca u C# primjerima, izradit ćemo jedan obrazac koji će imati sljedeću funkcionalnost.

1. Mogućnost da korisnik unese ime i adresu.
2. Mogućnost odabira grada u kojem korisnik boravi
3. Mogućnost da korisnik unese opciju za spol.
4. Mogućnost odabira tečaja koji korisnik želi učiti. Tamo će se birati i za C# i za ASP.Net

Dakle, pogledajmo svaku kontrolu u pojedinosti i dodamo ih kako bismo izradili obrazac s gore spomenutom funkcionalnošću.

Klan Box

Grupni okvir se koristi za logično grupiranje kontrola u odjeljak. Uzmimo primjer ako imate zbirku kontrola za unos pojedinosti kao što su ime i adresa osobe. U idealnom slučaju, to su podaci o osobi, pa biste željeli da ti podaci budu u zasebnom odjeljku na obrascu. U tu svrhu možete imati grupni okvir. Pogledajmo kako to možemo implementirati s primjerom prikazanim u nastavku

Korak 1) Prvi korak je povlačenje kontrole Groupbox na Windows Obrazac iz kutije s alatima kao što je prikazano u nastavku

Korak 2) Nakon što je grupni okvir dodan, idite na prozor svojstava klikom na kontrolu grupnog okvira. U prozoru svojstava idite na svojstvo Text i promijenite ga u "Podaci o korisniku".

Nakon što napravite gore navedene promjene, vidjet ćete sljedeći rezultat

Izlaz:-

U ispisu možete jasno vidjeti da je Groupbox dodan u obrazac. Također možete vidjeti da je tekst grupnog okvira promijenjen u "Podaci o korisniku".

Kontrola naljepnica

Slijedi Label Control. Kontrola oznake koristi se za prikaz teksta ili poruke korisniku na obrascu. Kontrola oznake obično se koristi zajedno s drugim kontrolama. Uobičajeni primjeri su kada se oznaka dodaje zajedno s kontrolom tekstualnog okvira.

Oznaka pokazuje korisniku što se očekuje da se popuni u tekstualnom okviru. Pogledajmo kako to možemo implementirati s primjerom prikazanim u nastavku. Dodat ćemo 2 oznake, jednu koja će se zvati 'ime', a drugu 'adresu'. Koristit će se zajedno s kontrolama tekstualnog okvira koje će biti dodane u kasnijem odjeljku.

Korak 1) Prvi korak je povlačenje kontrole oznake na Windows Obrazac iz kutije s alatima kao što je prikazano u nastavku. Obavezno povucite kontrolu oznake 2 puta tako da možete imati jednu za 'ime', a drugu za 'adresu'.

Korak 2) Nakon što je oznaka dodana, idite na prozor svojstava klikom na kontrolu oznake. U prozoru svojstava idite na svojstvo Tekst svake kontrole oznake.

Nakon što napravite gore navedene promjene, vidjet ćete sljedeći rezultat

Izlaz:-

Možete vidjeti kontrole oznaka dodane obrascu.

Textbox

Tekstni okvir se koristi za dopuštanje korisniku da unese tekst na Windows aplikacija u C#. Pogledajmo kako to možemo implementirati s primjerom prikazanim u nastavku. Obrascu ćemo dodati 2 tekstualna okvira, jedan za ime, a drugi za adresu koju treba unijeti za korisnika

Korak 1) Prvi korak je povlačenje kontrole tekstnog okvira na Windows Obrazac iz kutije s alatima kao što je prikazano u nastavku

Korak 2) Nakon što su tekstni okviri dodani, idite na prozor svojstava klikom na kontrolu tekstualnog okvira. U prozoru svojstava idite na svojstvo Name i dodajte smisleni naziv svakom tekstualnom okviru. Na primjer, tekstualni okvir za korisnika nazovite txtName, a onaj za adresu txtAddress. Trebalo bi napraviti konvenciju o imenovanju i standard za kontrole jer postaje lakše dodati dodatne funkcije tim kontrolama, što ćemo vidjeti kasnije.

Nakon što napravite gore navedene promjene, vidjet ćete sljedeći rezultat

Izlaz:-

U ispisu možete jasno vidjeti da su tekstualni okviri dodani obrascu.

Okvir s popisom

Okvir s popisom koristi se za prikaz popisa stavki na Windows oblik. Pogledajmo kako to možemo implementirati s primjerom prikazanim u nastavku. U obrazac ćemo dodati okvir s popisom za pohranjivanje nekih gradskih lokacija.

Korak 1) Prvi korak je povlačenje kontrole okvira s popisom na Windows Obrazac iz kutije s alatima kao što je prikazano u nastavku

Korak 2) Nakon što je okvir s popisom dodan, idite na prozor svojstava klikom na kontrolu okvira s popisom.

1. Prvo promijenite svojstvo kontrole okvira s popisom, u našem slučaju promijenili smo ovo u lstCity
2. Kliknite na svojstvo Items. To će vam omogućiti dodavanje različitih stavki koje se mogu prikazati u okviru s popisom. U našem slučaju, odabrali smo stavke "kolekcija".
3. U uređivač zbirke nizova, koji se pojavi, unesite nazive gradova. U našem slučaju unijeli smo "Mumbai", "Bangalore" i "Hyderabad".
4. Na kraju kliknite na gumb 'OK'.

Nakon što napravite gore navedene promjene, vidjet ćete sljedeći rezultat

Izlaz:-

U izlazu možete vidjeti da je okvir s popisom dodan u obrazac. Također možete vidjeti da je okvir s popisom popunjen vrijednostima grada.

Radio gumb

Radiobutton se koristi za prikaz popisa stavki među kojima korisnik može odabrati jednu. Pogledajmo kako to možemo implementirati s primjerom prikazanim u nastavku. Dodat ćemo radio gumb za opciju muško/žensko.

Korak 1) Prvi korak je povlačenje kontrole 'radiobton' na Windows Obrazac iz kutije s alatima kao što je prikazano u nastavku.

Korak 2) Nakon što je Radiobutton dodan, idite na prozor svojstava klikom na Radiobutton kontrolu.

1. Najprije morate promijeniti svojstvo teksta za obje radio kontrole. Idite u prozore svojstava i promijenite tekst u muški na jednom radio gumbu, a tekst na drugom u ženski.
2. Slično, promijenite svojstvo naziva obiju radio kontrola. Idite u prozore svojstava i promijenite naziv u 'rdMale' za jedan radiobutton i u 'rdfemale' za drugi.

Nakon što izvršite gore navedene promjene, vidjet ćete sljedeći rezultat

Izlaz:-

Vidjet ćete radio gumbe dodane u Windows oblik.

Okvir

Potvrdni okvir se koristi za pružanje popisa opcija u kojima korisnik može izabrati više opcija. Pogledajmo kako to možemo implementirati s primjerom prikazanim u nastavku. Dodat ćemo 2 potvrdna okvira u naš Windows oblicima. Ovi potvrdni okviri pružit će korisniku opciju da li želi naučiti C# ili ASP.Net.

Korak 1) Prvi korak je povlačenje kontrole potvrdnog okvira na Windows Obrazac iz kutije s alatima kao što je prikazano u nastavku

Korak 2) Nakon što je potvrdni okvir dodan, idite na prozor svojstava klikom na kontrolu Potvrdni okvir.

U prozoru svojstava,

1. Prvo morate promijeniti svojstvo teksta obaju kontrola potvrdnih okvira. Idite u prozore svojstava i promijenite tekst u C# i ASP.Net.
2. Slično, promijenite svojstvo naziva obiju radio kontrola. Idite u prozore svojstava i promijenite naziv u chkC jednog potvrdnog okvira i u chkASP za drugi.

Nakon što napravite gore navedene promjene, vidjet ćete sljedeći rezultat

Izlaz:-

Button

Gumb se koristi kako bi se korisniku omogućilo da klikne na gumb koji bi potom pokrenuo obradu obrasca. Pogledajmo kako to možemo implementirati s primjerom prikazanim u nastavku. Dodat ćemo jednostavan gumb pod nazivom 'Pošalji' koji će se koristiti za slanje svih informacija na obrascu.

Korak 1) Prvi korak je povlačenje kontrole gumba na Windows Obrazac iz kutije s alatima kao što je prikazano u nastavku

Korak 2) Nakon što je gumb dodan, idite na prozor svojstava klikom na kontrolu gumba.

1. Prvo morate promijeniti svojstvo teksta kontrole gumba. Idite u prozore svojstava i promijenite tekst u 'pošalji'.
2. Slično, promijenite svojstvo naziva kontrole. Idite u prozore svojstava i promijenite naziv u 'btnSubmit'.

Nakon što napravite gore navedene promjene, vidjet ćete sljedeći rezultat

Izlaz:-

Čestitamo, sada imate svoj prvi osnovni Windows Forma na mjestu. Idemo sada na sljedeću temu da vidimo kako možemo raditi rukovanje događajima za kontrole.

C# rukovanje događajima za kontrole

Kada radite s Windows obrascima, možete dodavati događaje kontrolama. Događaj je nešto što se događa kada se radnja izvrši. Vjerojatno najčešća radnja je klik na gumb na obrascu. u C# Windows Obrasci, možete dodati kod koji se može koristiti za izvođenje određenih radnji kada se pritisne gumb na obrascu.

Obično kada se na obrascu pritisne gumb, to znači da bi se trebala izvršiti neka obrada.

Pogledajmo jedan od događaja i kako se s njim može postupati prije nego što prijeđemo na scenarij događaja gumba.

Primjer u nastavku prikazat će događaj za kontrolu Listbox. Dakle, kad god je stavka odabrana u kontroli okvira s popisom, trebao bi iskočiti okvir s porukom koji prikazuje odabranu stavku. Provedimo sljedeće korake kako bismo to postigli.

Korak 1) Double kliknite na Listbox u dizajneru obrasca. Čineći to, Visual Studio će automatski otvoriti kodnu datoteku za obrazac. I automatski će dodati metodu događaja kodu. Ova metoda događaja pokrenut će se kad god se odabere bilo koja stavka u okviru s popisom.

Iznad je isječak koda koji automatski dodaje Visual Studio kada dvaput kliknete kontrolu okvira popisa na obrascu. Dodajmo sada odjeljak koda u nastavku ovom isječku koda kako bismo dodali potrebnu funkcionalnost događaju okvira s popisom.

1. Ovo je metoda rukovatelja događajem koju automatski kreira Visual Studio kada dvaput kliknete kontrolu okvira popisa. Ne morate brinuti o složenosti naziva metode ili parametara proslijeđenih metodi.
2. Ovdje dobivamo SelectedItem kroz svojstvo lstCity.SelectedItem. Zapamtite da je lstCity naziv naše kontrole Listbox. Zatim koristimo metodu GetItemText da dobijemo stvarnu vrijednost odabrane stavke. Tu vrijednost zatim dodjeljujemo tekstualnoj varijabli.
3. Na kraju, koristimo PorukuBox metoda za prikaz vrijednosti tekstualne varijable korisniku.

Jednom kada napravite gore navedene promjene i pokrenete program u Visual Studiju, vidjet ćete sljedeći izlaz

Izlaz:-

Iz izlaza možete vidjeti da kada se odabere bilo koja stavka s okvira s popisom, pojavit će se okvir s porukom. Ovo će prikazati odabranu stavku s popisa.

Sada pogledajmo konačnu kontrolu koja je metoda klika na gumb. Opet, ovo slijedi istu filozofiju. Samo dvaput kliknite gumb u Forms Designeru i on će automatski dodati metodu za rukovatelja događajima gumba. Zatim samo trebate dodati donji kod.

1. Ovo je metoda rukovatelja događajem koju automatski kreira Visual Studio kada dvaput kliknete kontrolu gumba. Ne morate brinuti o složenosti naziva metode ili parametara proslijeđenih metodi.
2. Ovdje dobivamo vrijednosti unesene u tekstni okvir imena i adrese. Vrijednosti se mogu preuzeti iz svojstava text okvira za tekst. Zatim dodjeljujemo vrijednosti 2 varijablama, nazivu i adresi u skladu s tim.
3. Na kraju, koristimo PorukuBox metoda za prikaz vrijednosti imena i adrese korisniku.

Jednom kada napravite gore navedene promjene i pokrenete program u Visual Studiju, vidjet ćete sljedeći izlaz

Izlaz:-

1. Prvo unesite vrijednost u polje za ime i adresu.
2. Zatim kliknite na gumb Pošalji

Nakon što kliknete gumb Pošalji, pojavit će se okvir s porukom i ispravno će vam pokazati što ste unijeli u odjeljak s detaljima o korisniku.

Stablo i slikaBox kontrola

Postoje 2 dodatne kontrole koje možemo pogledati, jedna je 'Kontrola stabla', a druga je 'Kontrola slike'. Pogledajmo primjere kako možemo implementirati te kontrole

Kontrola stabla

– Kontrola stabla koristi se za popis stavki u stablu poput mode. Vjerojatno najbolji primjer je kada vidimo Windows Sam istraživač. Struktura mape u Windows Explorer je poput strukture poput stabla.

Pogledajmo kako to možemo implementirati s primjerom prikazanim u nastavku.

Korak 1) Prvi korak je povlačenje kontrole stabla na Windows Obrazac iz kutije s alatima kao što je prikazano u nastavku

Korak 2) Sljedeći korak je početak dodavanja čvorova u kolekciju stabla tako da se može pojaviti u stablu u skladu s tim. Prvo, slijedimo donje pod-korake za dodavanje korijenskog čvora u kolekciju stabla.

1. Idite na alatni okvir svojstava za kontrolu prikaza stabla. Kliknite na svojstvo čvora. Ovo će pokrenuti TreeNode Editor
2. U uređivaču čvorova stabla kliknite na gumb Dodaj korijen kako biste dodali korijenski čvor kolekciji stabla.
3. Zatim promijenite tekst korijenskog čvora i unesite tekst kao korijen i kliknite gumb 'OK'. Ovo će dodati korijenski čvor.

Korak 3) Sljedeći korak je početak dodavanja podređenih čvorova u kolekciju stabla. Slijedimo donje pod-korake za dodavanje podređenog korijenskog čvora u kolekciju stabla.

1. Najprije kliknite na gumb Dodaj dijete. To će vam omogućiti dodavanje podređenih čvorova u kolekciju stabla.
2. Za svaki podređeni čvor promijenite svojstvo teksta. Nastavite ponavljati prethodni korak i ovaj korak i dodajte 2 dodatna čvora. Na kraju ćete imati 3 čvora kao što je prikazano gore, s tekstom kao oznakom, gumbom i okvirom za potvrdu.
3. Kliknite na gumb OK

Nakon što izvršite gore navedene promjene, vidjet ćete sljedeći rezultat.

Izlaz:-

Moći ćete vidjeti prikaz stabla dodan obrascu. Kada pokrenete Windows obrazac aplikacije, možete proširiti korijenski čvor i vidjeti podređene čvorove na popisu.

SlikaBox kontrola

Ova se kontrola koristi za dodavanje slika u Winforms C#. Pogledajmo kako to možemo implementirati s primjerom prikazanim u nastavku.

Korak 1) Prvi korak je povlačenje slikeBox kontrola na C# Windows Obrazac iz kutije s alatima kao što je prikazano u nastavku

Korak 2) Sljedeći korak je zapravo priložiti sliku kontroli okvira slike. To možete učiniti slijedeći korake u nastavku.

1. Prvo kliknite na svojstvo slike za slikuBox kontrolirati. Pojavit će se novi prozor.
2. U ovom prozoru kliknite na gumb Import. Ovo će se koristiti za prilaganje slike kontroli okvira slike.
3. Pojavit će se dijaloški okvir u kojem ćete moći odabrati sliku za prilaganje okvira za slike
4. Kliknite na gumb OK

Nakon što izvršite gore navedene promjene, vidjet ćete sljedeći rezultat

Izlaz:-

Iz izlaza možete vidjeti da je slika prikazana na obrascu.

rezime

• A Windows forma u C# aplikaciji je ona koja se izvodi na radnoj površini računala. Visual Studio Form zajedno s C# može se koristiti za stvaranje Windows Primjena obrazaca.
• Kontrole se mogu dodati u Windows oblikuje C# putem Toolboxa u Visual Studiju. Kontrole kao što su oznake, potvrdni okviri, radio gumbi itd. mogu se dodati obrascu putem okvira s alatima.
• Također se mogu koristiti napredne kontrole poput kontrole prikaza stabla i slikeBox kontrola.
• Rukovatelji događajima koriste se za odgovor na događaje generirane iz kontrola. Najčešći je onaj koji se dodaje za događaj klika na gumb.