Så langt har vi sett hvordan vi kan arbeide med C # for å lage konsollbaserte applikasjoner. Men i et virkelig scenario bruker team normalt Visual Studio og C # til å lage enten Windows Forms eller nettbaserte applikasjoner.
Et Windows-skjema-program er et program som er designet for å kjøre på en datamaskin. Den kjører ikke i nettleseren, for da blir den en webapplikasjon.
Denne veiledningen vil fokusere på hvordan vi kan lage Windows-baserte applikasjoner. Vi vil også lære noen grunnleggende om hvordan du kan arbeide med de forskjellige elementene i C # Windows-applikasjonen.
I denne Windows-veiledningen vil du lære-
- Grunnleggende om Windows-skjemaer
- Hei verden i Windows-skjemaer
- Legge til kontroller i et skjema
- Hendelseshåndtering for kontroller
- Tre- og PictureBox-kontroll
Grunnleggende om Windows-skjemaer
Et Windows-skjemaapplikasjon er et som kjører på stasjonær datamaskin. Et Windows-skjemaapplikasjon vil normalt ha en samling kontroller som etiketter, tekstbokser, listebokser osv.
Nedenfor er et eksempel på en enkel Windows-skjemaapplikasjon C #. Det viser en enkel påloggingsskjerm, som er tilgjengelig for brukeren. Brukeren vil oppgi de nødvendige legitimasjonene og deretter klikke på påloggingsknappen for å fortsette.
Så et eksempel på kontrollene som er tilgjengelige i applikasjonen ovenfor
- Dette er en samling etikettkontroller som vanligvis brukes til å beskrive tilstøtende kontroller. Så i vårt tilfelle har vi to tekstbokser, og etikettene brukes til å fortelle brukeren at den ene tekstboksen er for å skrive inn brukernavnet og den andre for passordet.
- De to tekstboksene brukes til å holde brukernavnet og passordet som brukeren skriver inn.
- Til slutt har vi knappekontrollen. Knappekontrollen vil normalt ha noen kode knyttet til å utføre et bestemt sett med handlinger. Så for eksempel i ovennevnte tilfelle, kan vi få knappen til å utføre en handling for å validere brukernavnet og passordet som er angitt av brukeren.
C # Hello World
La oss nå se på et eksempel på hvordan vi kan implementere en enkel 'hallo verden'-applikasjon i Visual Studio. For dette vil vi trenge å implementere trinnene nedenfor
Trinn 1) Det første trinnet innebærer å lage et nytt prosjekt i Visual Studio. Etter at du har startet Visual Studio, må du velge menyvalget Ny-> Prosjekt.
Trinn 2) Neste trinn er å velge prosjekttypen som et Windows Forms-program. Her må vi også nevne navnet og plasseringen av prosjektet vårt.
- I prosjektdialogboksen kan vi se forskjellige alternativer for å lage forskjellige typer prosjekter i Visual Studio. Klikk på Windows-alternativet på venstre side.
- Når vi klikker på Windows-alternativene i forrige trinn, vil vi kunne se et alternativ for Windows Forms Application. Klikk på dette alternativet.
- Vi vil gi et navn på søknaden. I vårt tilfelle er det DemoApplication. Vi vil også gi et sted å lagre applikasjonen vår.
- Til slutt klikker vi på OK for å la Visual Studio lage prosjektet vårt.
Hvis trinnene ovenfor følges, får du utdataene nedenfor i Visual Studio.
Produksjon:-
Du vil se en Form Designer vises i Visual Studio. Det er i denne Form Designer du vil begynne å bygge Windows Forms-applikasjonen.
I Solution Explorer vil du også kunne se DemoApplication Solution. Denne løsningen inneholder de følgende 2 prosjektfilene
- En skjemaapplikasjon kalt Forms1.cs. Denne filen inneholder all koden for Windows Form-applikasjonen.
- Hovedprogrammet kalt Program.cs er standardkodefil som opprettes når et nytt program opprettes i Visual Studio. Denne koden inneholder oppstartskoden for applikasjonen som helhet.
På venstre side av Visual Studio vil du også se en verktøykasse. Verktøykassen inneholder alle kontrollene som kan legges til i et Windows-skjema. Kontroller som en tekstboks eller en etikett er bare noen av kontrollene som kan legges til i et Windows-skjema.
Nedenfor er et skjermbilde av hvordan verktøykassen ser ut.
Trinn 3) I dette trinnet vil vi nå legge til en etikett i skjemaet som viser "Hello World." Fra verktøykassen må du velge etikettkontrollen og bare dra den til skjemaet.
Når du drar etiketten til skjemaet, kan du se etiketten innebygd i skjemaet som vist nedenfor.
Trinn 4) Neste trinn er å gå til egenskapene til kontrollen og endre teksten til 'Hello World'.
For å gå til egenskapene til en kontroll, må du høyreklikke på kontrollen og velge Egenskaper-menyalternativet
- Egenskapspanelet vises også i Visual Studio. Så for etikettkontrollen, i egenskapskontrollen, gå til Tekst-delen og skriv inn "Hello World".
- Hver kontroll har et sett med egenskaper som beskriver kontrollen.
Hvis du følger alle trinnene ovenfor og kjører programmet ditt i Visual Studio, får du følgende utdata
Produksjon:-
I utgangen kan du se at Windows-skjemaet vises. Du kan også se 'Hello World' vises på skjemaet.
Legge til kontroller i et skjema
Vi hadde allerede sett hvordan vi skulle legge til en kontroll i et skjema da vi la til etikettkontrollen i den tidligere delen for å vise "Hello World."
La oss se på de andre kontrollene som er tilgjengelige for Windows-skjemaer og se noen av deres vanlige egenskaper.
I vår Windows-skjemaapplikasjon i C # -eksempler, oppretter vi ett skjema som har følgende funksjonalitet.
- Muligheten for brukeren å angi navn og adresse.
- Et alternativ å velge byen der brukeren bor
- Muligheten for brukeren å angi et alternativ for kjønn.
- Et alternativ å velge et kurs som brukeren ønsker å lære. Det vil ta valg for både C # og ASP.Net
Så la oss se på hver kontroll i detalj og legge dem til for å bygge skjemaet med ovennevnte funksjonalitet.
Gruppeboks
En gruppeboks brukes til logiske grupperingskontroller i en seksjon. La oss ta et eksempel hvis du hadde en samling kontroller for å legge inn detaljer som navn og adresse på en person. Ideelt sett er dette detaljer om en person, så du vil ha disse detaljene i en egen del på skjemaet. For dette formålet kan du ha en gruppeboks. La oss se hvordan vi kan implementere dette med et eksempel vist nedenfor
Trinn 1) Det første trinnet er å dra Groupbox-kontrollen til Windows-skjemaet fra verktøykassen som vist nedenfor
Trinn 2) Når gruppeboksen er lagt til, går du til eiendomsvinduet ved å klikke på gruppebokskontrollen. I egenskapsvinduet, gå til Tekst-egenskapen og endre den til "Brukerdetaljer".
Når du har gjort de ovennevnte endringene, vil du se følgende utdata
Produksjon:-
I utgangen kan du tydelig se at Groupbox ble lagt til i skjemaet. Du kan også se at teksten i gruppeboksen ble endret til "Brukerdetaljer."
Etikettkontroll
Deretter kommer etikettkontrollen. Etikettkontrollen brukes til å vise en tekst eller en melding til brukeren på skjemaet. Etikettkontrollen brukes normalt sammen med andre kontroller. Vanlige eksempler er hvor en etikett er lagt til sammen med tekstbokskontrollen.
Etiketten indikerer for brukeren hva som forventes å fylle opp i tekstboksen. La oss se hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi vil legge til to etiketter, en som vil bli kalt 'navn' og den andre kalt 'adresse'. De vil bli brukt i forbindelse med tekstbokskontrollene som vil bli lagt til i den senere delen.
Trinn 1) Det første trinnet er å dra etikettkontrollen videre til Windows-skjemaet fra verktøykassen som vist nedenfor. Forsikre deg om at du drar etikettkontrollen to ganger slik at du kan ha en for 'navnet' og den andre for 'adressen'.
Trinn 2) Når etiketten er lagt til, går du til eiendomsvinduet ved å klikke på etikettkontrollen. I egenskapsvinduet, gå til Tekst-egenskapen til hver etikettkontroll.
Når du har gjort de ovennevnte endringene, vil du se følgende utdata
Produksjon:-
Du kan se etikettkontrollene lagt til skjemaet.
Tekstboks
En tekstboks brukes til å tillate en bruker å legge inn litt tekst i Windows-applikasjonen i C #. La oss se hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi legger til to tekstbokser i skjemaet, en for navnet og den andre for adressen som skal legges inn for brukeren
Trinn 1) Det første trinnet er å dra tekstbokskontrollen til Windows-skjemaet fra verktøykassen som vist nedenfor
Trinn 2) Når tekstboksene er lagt til, går du til eiendomsvinduet ved å klikke på tekstbokskontrollen. I eiendomsvinduet går du til Navne-egenskapen og legger til et meningsfylt navn i hver tekstboks. Navn for eksempel tekstboksen for brukeren som txtUser og den for adressen som txtAddress. En navngivningskonvensjon og standard bør lages for kontroller fordi det blir lettere å legge til ekstra funksjonalitet til disse kontrollene, som vi vil se senere.
Når du har gjort de ovennevnte endringene, vil du se følgende utdata
Produksjon:-
I utgangen kan du tydelig se at tekstboksene ble lagt til i skjemaet.
Listeboks
En listeboks brukes til å vise frem en liste over elementer i Windows-skjemaet. La oss se hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi vil legge til en listeboks i skjemaet for å lagre noen bysteder.
Trinn 1) Det første trinnet er å dra listebokskontrollen til Windows-skjemaet fra verktøykassen som vist nedenfor
Trinn 2) Når listeboksen er lagt til, går du til eiendomsvinduet ved å klikke på listebokskontrollen.
- Først endrer du egenskapen til Listbox-kontrollen, i vårt tilfelle har vi endret dette til lstCity
- Klikk på Items-eiendommen. Dette lar deg legge til forskjellige elementer som kan vises i listeboksen. I vårt tilfelle har vi valgt varer "samling".
- Skriv inn bynavn i String Collection Editor, som dukker opp. I vårt tilfelle har vi gått inn i "Mumbai", "Bangalore" og "Hyderabad".
- Til slutt klikker du på OK-knappen.
Når du har gjort de ovennevnte endringene, vil du se følgende utdata
Produksjon:-
I utgangen kan du se at Listbox ble lagt til i skjemaet. Du kan også se at listeboksen er fylt med byverdiene.
Radioknapp
En radioknapp brukes til å vise en liste over elementer som brukeren kan velge en av. La oss se hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi vil legge til en alternativknapp for et mannlig / kvinnelig alternativ.
Trinn 1) Det første trinnet er å dra 'radioknapp' -kontrollen til Windows-skjemaet fra verktøykassen som vist nedenfor.
Trinn 2) Når radioknappen er lagt til, går du til eiendomsvinduet ved å klikke på radioknappkontrollen.
- Først må du endre tekstegenskapene til begge radiokontrollene. Gå til eiendomsvinduene og endre teksten til en hann på den ene radioknappen og teksten til den andre til kvinnen.
- På samme måte kan du endre navnegenskapen til begge radiokontrollene. Gå til eiendomsvinduene og endre navnet til 'rdMale' på den ene radioknappen og til 'rdfemale' for den andre.
Når du gjør endringene ovenfor, ser du følgende utdata
Produksjon:-
Du vil se radioknappene lagt til i Windows-skjemaet.
Avkrysningsrute
En avkrysningsrute brukes til å gi en liste over alternativer der brukeren kan velge flere valg. La oss se hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi legger til to avkrysningsruter i Windows-skjemaene våre. Disse avmerkingsboksene vil gi brukeren et alternativ om de vil lære C # eller ASP.Net.
Trinn 1) Det første trinnet er å dra avkrysningsboksen til Windows-skjemaet fra verktøykassen som vist nedenfor
Trinn 2) Når avmerkingsboksen er lagt til, går du til eiendomsvinduet ved å klikke på avkrysningsboksen.
I eiendomsvinduet,
- Først må du endre tekstegenskapen til begge avkrysningsruter. Gå til eiendomsvinduene og endre teksten til C # og ASP.Net.
- På samme måte kan du endre navnegenskapen til begge radiokontrollene. Gå til eiendomsvinduene og endre navnet til chkC i den ene avmerkingsboksen og til chkASP for den andre.
Når du har gjort de ovennevnte endringene, vil du se følgende utdata
Produksjon:-
Knapp
En knapp brukes til å tillate brukeren å klikke på en knapp som deretter starter behandlingen av skjemaet. La oss se hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi vil legge til en enkel knapp kalt 'Send' som vil bli brukt til å sende inn all informasjon på skjemaet.
Trinn 1) Det første trinnet er å dra knappekontrollen til Windows-skjemaet fra verktøykassen som vist nedenfor
Trinn 2) Når knappen er lagt til, går du til eiendomsvinduet ved å klikke på knappkontrollen.
- Først må du endre tekstegenskapen til knappekontrollen. Gå til eiendomsvinduene og endre teksten til 'sende'.
- På samme måte kan du endre navnegenskapen til kontrollen. Gå til eiendomsvinduene og endre navnet til 'btnSubmit'.
Når du har gjort de ovennevnte endringene, vil du se følgende utdata
Produksjon:-
Gratulerer, du har nå ditt første grunnleggende Windows-skjema på plass. La oss nå gå til neste emne for å se hvordan vi kan gjøre hendelsesbehandling for kontroller.
C # Hendelseshåndtering for kontroller
Når du arbeider med Windows-skjema, kan du legge til hendelser i kontrollene. En hendelse er noe som skjer når en handling utføres. Sannsynligvis den vanligste handlingen er å klikke på en knapp på et skjema. I C # Windows Forms kan du legge til kode som kan brukes til å utføre visse handlinger når en knapp trykkes på skjemaet.
Normalt når det trykkes på en knapp på et skjema, betyr det at noe behandling skal finne sted.
La oss ta en titt på en av hendelsen og hvordan den kan håndteres før vi går til knapphendelsesscenariet.
Eksemplet nedenfor viser en hendelse for Listbox-kontrollen. Så når et element er valgt i listebokskontrollen, skal det vises en meldingsboks som viser det valgte elementet. La oss utføre følgende trinn for å oppnå dette.
Trinn 1) Dobbeltklikk på listeboksen i formdesigneren . Ved å gjøre dette vil Visual Studio automatisk åpne kodefilen for skjemaet. Og det vil automatisk legge til en hendelsesmetode i koden. Denne hendelsesmetoden utløses når et hvilket som helst element i listen er valgt.
Ovenfor er kodebiten som automatisk blir lagt til av Visual Studio, når du dobbeltklikker på kontrollboksen Liste i skjemaet. La oss nå legge til underavsnittet med kode i dette kodebiten, for å legge til den nødvendige funksjonaliteten i listebokshendelsen.
- Dette er hendelsesbehandlingsmetoden som automatisk opprettes av Visual Studio når du dobbeltklikker kontrollboksen Listeboks. Du trenger ikke å bekymre deg for kompleksiteten i metodenavnet eller parametrene som sendes til metoden.
- Her får vi SelectedItem gjennom egenskapen lstCity.SelectedItem. Husk at lstCity er navnet på Listbox-kontrollen vår. Vi bruker deretter GetItemText-metoden for å få den faktiske verdien av det valgte elementet. Vi tilordner deretter denne verdien til tekstvariabelen.
- Til slutt bruker vi MessageBox-metoden for å vise tekstvariabelverdien til brukeren.
Når du gjør endringene ovenfor, og kjører programmet i Visual Studio, vil du se følgende utdata
Produksjon:-
Fra utgangen kan du se at når et hvilket som helst element fra listeboksen er valgt, dukker det opp en meldingsboks. Dette viser det valgte elementet fra listeboksen.
La oss nå se på den endelige kontrollen som er knappeklikkmetoden. Igjen følger dette den samme filosofien. Bare dobbeltklikk på knappen i Forms Designer, og den vil automatisk legge til metoden for knappen hendelsesbehandler. Da trenger du bare å legge til koden nedenfor.
- Dette er hendelsesbehandlingsmetoden som automatisk opprettes av Visual Studio når du dobbeltklikker på knappekontrollen. Du trenger ikke å bekymre deg for kompleksiteten i metodens navn eller parametrene som sendes til metoden.
- Her får vi inn verdier i navn og adresse tekstboks. Verdiene kan hentes fra tekstegenskapen til tekstboksen. Vi tilordner deretter verdiene til to variabler, navn og adresse deretter.
- Til slutt bruker vi MessageBox-metoden for å vise navn og adresseverdier til brukeren.
Når du gjør endringene ovenfor, og kjører programmet i Visual Studio, vil du se følgende utdata
Produksjon:-
- Først skriver du inn en verdi i navn- og adressefeltet.
- Klikk deretter på Send-knappen
Når du klikker på Send inn-knappen, vises en meldingboks, og den viser deg riktig hva du skrev inn i delen med brukerdetaljer.
Tre- og PictureBox-kontroll
Det er to ytterligere kontroller vi kan se på, den ene er 'Tree Control' og den andre er 'Image control'. La oss se på eksempler på hvordan vi kan implementere disse kontrollene
Tree Control
- Trekontrollen brukes til å liste opp gjenstander på et tre som mote. Sannsynligvis er det beste eksemplet når vi ser selve Windows Utforsker. Mappestrukturen i Windows Utforsker er som en trelignende struktur.
La oss se hvordan vi kan implementere dette med et eksempel vist nedenfor.
Trinn 1) Det første trinnet er å dra trekontrollen til Windows-skjemaet fra verktøykassen som vist nedenfor
Trinn 2) Neste trinn er å begynne å legge til noder i tresamlingen, slik at den kan komme opp i treet tilsvarende. La oss først følge nedenstående trinn for å legge til en rotnode i tresamlingen.
- Gå til verktøykassen for egenskaper for trevisningskontrollen. Klikk på Node-egenskapen. Dette vil hente TreeNode Editor
- I TreeNode Editor klikker du på Legg til rot-knappen for å legge til en rotnode i tresamlingen.
- Deretter endrer du teksten til rotnoden og oppgir teksten som rot og klikker på 'OK' -knappen. Dette vil legge til rotnode.
Trinn 3) Det neste trinnet er å begynne å legge til barnodene i tresamlingen. La oss følge undertrinnene nedenfor for å legge til underordnet noden i tresamlingen.
- Klikk først på knappen Legg til barn. Dette lar deg legge til underordnede noder i treet-samlingen.
- For hver underordnet node, endre tekstegenskapen. Fortsett å gjenta forrige trinn og dette trinnet, og legg til 2 ekstra noder. Til slutt vil du ha 3 noder som vist ovenfor, med teksten henholdsvis Label, Button og Checkbox.
- Klikk på OK-knappen
Når du har gjort de ovennevnte endringene, vil du se følgende utdata.
Produksjon:-
Du vil kunne se trevisningen lagt til i skjemaet. Når du kjører Windows-skjemaapplikasjonen, kan du utvide rotnoden og se undernodene i listen.
PictureBox-kontroll
Denne kontrollen brukes til å legge til bilder i Winforms C #. La oss se hvordan vi kan implementere dette med et eksempel vist nedenfor.
Trinn 1) Det første trinnet er å dra PictureBox-kontrollen til C # Windows-skjemaet fra verktøykassen som vist nedenfor
Trinn 2) Det neste trinnet er å feste et bilde til bildeboksens kontroll. Dette kan gjøres ved å følge trinnene nedenfor.
- Klikk først på bildeegenskapen for PictureBox-kontrollen. Et nytt vindu dukker opp.
- I dette vinduet klikker du på Importer-knappen. Dette vil bli brukt til å feste et bilde til picturebox-kontrollen.
- En dialogboks vil dukke opp der du vil være i stand til å velge bildet du vil legge ved bildeboksen
- Klikk på OK-knappen
Når du gjør endringene ovenfor, ser du følgende utdata
Produksjon:-
Fra utgangen kan du se at et bilde vises på skjemaet.
Sammendrag
- Et Windows-skjema i C # -applikasjon er et som kjører på skrivebordet til en datamaskin. Visual Studio Form sammen med C # kan brukes til å lage et Windows Forms-program.
- Kontroller kan legges til Windows-skjemaene C # via verktøykassen i Visual Studio. Kontroller som etiketter, avkrysningsruter, radioknapper osv. Kan legges til skjemaet via verktøykassen.
- Man kan også bruke avanserte kontroller som trevisningen og PictureBox-kontrollen.
- Hendelsesbehandlere brukes til å svare på hendelser generert fra kontroller. Den vanligste er den som er lagt til for den knappeklikkede hendelsen.