Indtil videre har vi set, hvordan man arbejder med C # for at oprette konsolbaserede applikationer. Men i et virkeligt scenarie bruger team normalt Visual Studio og C # til at oprette enten Windows Forms eller webbaserede applikationer.
En Windows-formularapplikation er et program, der er designet til at køre på en computer. Det kører ikke i webbrowser, for så bliver det en webapplikation.
Denne vejledning vil fokusere på, hvordan vi kan oprette Windows-baserede applikationer. Vi lærer også nogle grundlæggende om, hvordan man arbejder med de forskellige elementer i C # Windows-applikationen.
I denne Windows-vejledning lærer du-
- Grundlæggende om Windows-formularer
- Hej verden i Windows-formularer
- Tilføjelse af kontrolelementer til en formular
- Begivenhedshåndtering til kontrol
- Træ- og PictureBox-kontrol
Grundlæggende om Windows-formularer
Et Windows-formularapplikation er et, der kører på den stationære computer. En Windows-formularapplikation vil normalt have en samling kontrolelementer såsom etiketter, tekstbokse, listefelter osv.
Nedenfor er et eksempel på en simpel Windows-formularansøgning C #. Det viser en enkel login-skærm, som er tilgængelig for brugeren. Brugeren indtaster de nødvendige legitimationsoplysninger og klikker derefter på knappen Login for at fortsætte.
Så et eksempel på de kontrolelementer, der er tilgængelige i ovenstående applikation
- Dette er en samling af etiketkontroller, der normalt bruges til at beskrive tilstødende kontroller. Så i vores tilfælde har vi 2 tekstbokse, og etiketterne bruges til at fortælle brugeren, at den ene tekstboks er til at indtaste brugernavnet og den anden til adgangskoden.
- De to tekstfelter bruges til at indeholde brugernavnet og adgangskoden, som brugeren indtaster.
- Endelig har vi knappen kontrol. Knappen kontrol vil normalt have nogle kode knyttet til at udføre et bestemt sæt handlinger. Så for eksempel i ovenstående tilfælde kunne vi få knappen til at udføre en handling for at validere brugernavnet og adgangskoden, som indtastes af brugeren.
C # Hej Verden
Lad os nu se på et eksempel på, hvordan vi kan implementere en simpel 'hej verden'-applikation i Visual Studio. Til dette er vi nødt til at gennemføre nedenstående trin
Trin 1) Det første trin involverer oprettelsen af et nyt projekt i Visual Studio. Efter start af Visual Studio skal du vælge menupunktet Ny-> Projekt.
Trin 2) Det næste trin er at vælge projekttypen som en Windows Forms-applikation. Her skal vi også nævne navnet og placeringen af vores projekt.
- I projektdialogboksen kan vi se forskellige muligheder for at oprette forskellige typer projekter i Visual Studio. Klik på Windows-indstillingen i venstre side.
- Når vi klikker på Windows-indstillingerne i det forrige trin, kan vi se en mulighed for Windows Forms Application. Klik på denne indstilling.
- Vi giver et navn til ansøgningen. I vores tilfælde er det DemoApplication. Vi vil også give et sted, hvor vores applikation kan gemmes.
- Endelig klikker vi på knappen 'OK' for at lade Visual Studio oprette vores projekt.
Hvis ovenstående trin følges, får du nedenstående output i Visual Studio.
Produktion:-
Du vil se en formulardesigner vises i Visual Studio. Det er i denne Form Designer, at du begynder at opbygge din Windows Forms-applikation.
I Solution Explorer kan du også se DemoApplication Solution. Denne løsning indeholder nedenstående 2 projektfiler
- En formularapplikation kaldet Forms1.cs. Denne fil indeholder al koden til Windows Form-applikationen.
- Hovedprogrammet kaldet Program.cs er standardkodefil, der oprettes, når en ny applikation oprettes i Visual Studio. Denne kode indeholder startkoden til applikationen som helhed.
På venstre side af Visual Studio vil du også se en ToolBox. Værktøjskassen indeholder alle de kontrolelementer, der kan føjes til en Windows-formular. Kontrolelementer som et tekstfelt eller en etiket er blot nogle af de kontrolelementer, der kan føjes til en Windows-formular.
Nedenfor er et screenshot af, hvordan værktøjskassen ser ud.
Trin 3) I dette trin vil vi nu tilføje en etiket til formularen, der viser "Hello World." Fra værktøjskassen skal du vælge etiketkontrollen og blot trække den til formularen.
Når du trækker etiketten til formularen, kan du se etiketten integreret i formularen som vist nedenfor.
Trin 4) Det næste trin er at gå til kontrolelementets egenskaber og ændre teksten til 'Hello World'.
For at gå til egenskaberne for et kontrolelement skal du højreklikke på kontrolelementet og vælge menupunktet Egenskaber
- Egenskabspanelet vises også i Visual Studio. Så for etiketkontrol, i egenskabskontrol, gå til sektionen Tekst og indtast "Hello World".
- Hver kontrol har et sæt egenskaber, der beskriver kontrollen.
Hvis du følger alle ovenstående trin og kører dit program i Visual Studio, får du følgende output
Produktion:-
I output kan du se, at Windows-formularen vises. Du kan også se 'Hello World' vises på formularen.
Tilføjelse af kontrolelementer til en formular
Vi havde allerede set, hvordan vi tilføjede et kontrolelement til en formular, da vi tilføjede etiketkontrollen i det tidligere afsnit for at vise "Hello World".
Lad os se på de andre kontroller, der er tilgængelige for Windows-formularer og se nogle af deres fælles egenskaber.
I vores Windows-formularapplikation i C # -eksempler opretter vi en formular, der har følgende funktionalitet.
- Brugerens mulighed for at indtaste navn og adresse.
- En mulighed for at vælge den by, hvor brugeren bor
- Brugerens mulighed for at indtaste en mulighed for køn.
- En mulighed for at vælge et kursus, som brugeren ønsker at lære. Der vil træffe valg for både C # og ASP.Net
Så lad os se på hver kontrol i detaljer og tilføje dem til at opbygge formularen med ovennævnte funktionalitet.
Gruppeboks
Et gruppefelt bruges til logiske grupperingskontroller i et afsnit. Lad os tage et eksempel, hvis du havde en samling kontrolelementer til indtastning af detaljer såsom navn og adresse på en person. Ideelt set er dette detaljer om en person, så du ønsker at have disse detaljer i et separat afsnit på formularen. Til dette formål kan du have en gruppefelt. Lad os se, hvordan vi kan implementere dette med et eksempel vist nedenfor
Trin 1) Det første trin er at trække Groupbox-kontrollen til Windows-formularen fra værktøjskassen som vist nedenfor
Trin 2) Når gruppefeltet er tilføjet, skal du gå til egenskabsvinduet ved at klikke på gruppefeltkontrollen. Gå til egenskabsvinduet, gå til egenskaben Tekst, og skift den til "Brugeroplysninger".
Når du har foretaget ovenstående ændringer, vil du se følgende output
Produktion:-
I output kan du tydeligt se, at Groupbox blev føjet til formularen. Du kan også se, at teksten i gruppefeltet blev ændret til "Brugeroplysninger."
Etiketkontrol
Dernæst kommer Label Control. Etiketkontrollen bruges til at vise en tekst eller en besked til brugeren på formularen. Etiketkontrollen bruges normalt sammen med andre kontrolelementer. Almindelige eksempler er, hvor en etiket tilføjes sammen med tekstboksstyringen.
Mærkaten angiver for brugeren, hvad der forventes at udfylde i tekstboksen. Lad os se, hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi tilføjer 2 etiketter, hvoraf den ene kaldes 'navn' og den anden kaldes 'adresse'. De vil blive brugt sammen med tekstboksens kontrolelementer, der tilføjes i det senere afsnit.
Trin 1) Det første trin er at trække etiketkontrollen videre til Windows-formularen fra værktøjskassen som vist nedenfor. Sørg for at trække etiketkontrollen 2 gange, så du kan have en til 'navnet' og den anden til 'adressen'.
Trin 2) Når etiketten er tilføjet, skal du gå til egenskabsvinduet ved at klikke på etiketkontrollen. I egenskabsvinduet skal du gå til egenskaben Tekst for hver etiketkontrol.
Når du har foretaget ovenstående ændringer, vil du se følgende output
Produktion:-
Du kan se etiketkontrolelementerne tilføjet til formularen.
Tekstboks
En tekstboks bruges til at tillade en bruger at indtaste noget tekst i Windows-applikationen i C #. Lad os se, hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi tilføjer 2 tekstfelter til formularen, en til navnet og den anden til den adresse, der skal indtastes for brugeren
Trin 1) Det første trin er at trække tekstboksstyringen til Windows-formularen fra værktøjskassen som vist nedenfor
Trin 2) Når tekstfelterne er tilføjet, skal du gå til egenskabsvinduet ved at klikke på tekstboksstyringen. I egenskabsvinduet skal du gå til egenskaben Navn og tilføje et meningsfuldt navn til hver tekstboks. Navngiv f.eks. Tekstboksen for brugeren som txtUser og den for adressen som txtAddress. Der skal laves en navngivningskonvention og standard for kontroller, fordi det bliver lettere at tilføje ekstra funktionalitet til disse kontrolelementer, som vi senere vil se.
Når du har foretaget ovenstående ændringer, vil du se følgende output
Produktion:-
I output kan du tydeligt se, at tekstbokse blev føjet til formularen.
Listefelt
En listeboks bruges til at fremvise en liste over emner i Windows-formularen. Lad os se, hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi tilføjer en liste til formularen for at gemme nogle byplaceringer.
Trin 1) Det første trin er at trække kontrolboksen til listeboksen til Windows-formularen fra værktøjskassen som vist nedenfor
Trin 2) Når listen er tilføjet, skal du gå til egenskabsvinduet ved at klikke på kontrolboksen til listeboksen.
- Først skal du ændre egenskaben for kontrolboksen Listbox, i vores tilfælde har vi ændret dette til lstCity
- Klik på egenskaben Varer. Dette giver dig mulighed for at tilføje forskellige emner, der kan vises i listeboksen. I vores tilfælde har vi valgt emner "samling".
- Indtast bynavne i String Collection Editor, der dukker op. I vores tilfælde har vi indtastet "Mumbai", "Bangalore" og "Hyderabad".
- Til sidst skal du klikke på knappen 'OK'.
Når du har foretaget ovenstående ændringer, vil du se følgende output
Produktion:-
I output kan du se, at Listbox blev føjet til formularen. Du kan også se, at listeboksen er udfyldt med byværdier.
Radio knap
En radioknap bruges til at fremvise en liste over emner, hvorfra brugeren kan vælge en. Lad os se, hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi tilføjer en radioknap til en mand / kvinde-indstilling.
Trin 1) Det første trin er at trække kontrolknappen 'radiobutton' til Windows-formularen fra værktøjskassen som vist nedenfor.
Trin 2) Når radioknappen er tilføjet, skal du gå til egenskabsvinduet ved at klikke på kontrolknappen Radioknappen.
- Først skal du ændre tekstegenskaben for begge radiokontroller. Gå til egenskabsvinduerne, og skift teksten til en mand på den ene radioknapp og teksten på den anden til kvindelig.
- Tilsvarende skal du ændre navnegenskaben for begge radiokontroller. Gå til egenskabsvinduerne, og skift navnet til 'rdMale' for den ene radioknapp og til 'rdfemale' for den anden.
Når du foretager ovenstående ændringer, vil du se følgende output
Produktion:-
Du vil se radioknapperne tilføjet til Windows-formularen.
Afkrydsningsfelt
Et afkrydsningsfelt bruges til at give en liste over muligheder, hvor brugeren kan vælge flere valg. Lad os se, hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi tilføjer 2 afkrydsningsfelter til vores Windows-formularer. Disse afkrydsningsfelter giver brugeren en mulighed for, om de vil lære C # eller ASP.Net.
Trin 1) Det første trin er at trække afkrydsningsfeltkontrollen til Windows-formularen fra værktøjskassen som vist nedenfor
Trin 2) Når afkrydsningsfeltet er tilføjet, skal du gå til egenskabsvinduet ved at klikke på afkrydsningsfeltet kontrol.
I egenskabsvinduet
- Først skal du ændre tekstegenskaben for begge afkrydsningsfeltkontroller. Gå til egenskabsvinduerne, og skift teksten til C # og ASP.Net.
- Tilsvarende skal du ændre navnegenskaben for begge radiokontroller. Gå til egenskabsvinduerne, og skift navnet til chkC i det ene afkrydsningsfelt og til chkASP for det andet.
Når du har foretaget ovenstående ændringer, vil du se følgende output
Produktion:-
Knap
En knap bruges til at tillade brugeren at klikke på en knap, som derefter starter behandlingen af formularen. Lad os se, hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi tilføjer en simpel knap kaldet 'Send', som vil blive brugt til at indsende alle oplysningerne på formularen.
Trin 1) Det første trin er at trække knappen til Windows-formularen fra værktøjskassen som vist nedenfor
Trin 2) Når knappen er tilføjet, skal du gå til egenskabsvinduet ved at klikke på knappen Knap.
- Først skal du ændre tekstegenskaben for knappen kontrol. Gå til egenskabsvinduerne, og skift teksten til 'send'.
- Tilsvarende skal du ændre kontrolelementets navnegenskab. Gå til egenskabsvinduerne, og skift navnet til 'btnSubmit'.
Når du har foretaget ovenstående ændringer, vil du se følgende output
Produktion:-
Tillykke, du har nu din første grundlæggende Windows-formular på plads. Lad os nu gå til det næste emne for at se, hvordan vi kan udføre begivenhedshåndtering til kontrol.
C # Hændelseshåndtering til kontrol
Når du arbejder med Windows-form, kan du føje begivenheder til kontrolelementerne. En begivenhed er noget, der sker, når en handling udføres. Den mest almindelige handling er sandsynligvis klik på en knap på en formular. I C # Windows Forms kan du tilføje kode, som kan bruges til at udføre bestemte handlinger, når der trykkes på en knap på formularen.
Normalt når der trykkes på en knap på en formular, betyder det, at noget behandling skal finde sted.
Lad os se på en af begivenhederne, og hvordan den kan håndteres, inden vi går til knaphændelsesscenariet.
Eksemplet nedenfor viser en begivenhed til Listbox-kontrollen. Så når der vælges et element i kontrolboksen, skal der vises en meddelelsesboks, der viser det valgte element. Lad os udføre følgende trin for at opnå dette.
Trin 1) Dobbeltklik på listeboksen i formularen . Ved at gøre dette åbner Visual Studio automatisk kodefilen til formularen. Og det tilføjer automatisk en begivenhedsmetode til koden. Denne begivenhedsmetode udløses, når der vælges et element i listen.
Ovenfor er kodestykket, der automatisk tilføjes af Visual Studio, når du dobbeltklikker på kontrolboksen Liste i formularen. Lad os nu tilføje nedenstående afsnit af kode til dette kodestykke for at tilføje den krævede funktionalitet til listebokshændelsen.
- Dette er begivenhedshåndteringsmetoden, der oprettes automatisk af Visual Studio, når du dobbeltklikker på kontrolboksen Listeboks. Du behøver ikke bekymre dig om kompleksiteten af metodens navn eller de parametre, der sendes til metoden.
- Her får vi SelectedItem gennem lstCity.SelectedItem egenskaben. Husk, at lstCity er navnet på vores Listbox-kontrolelement. Vi bruger derefter GetItemText-metoden til at få den aktuelle værdi af det valgte element. Vi tildeler derefter denne værdi til tekstvariablen.
- Endelig bruger vi MessageBox-metoden til at vise tekstvariabelværdien for brugeren.
Én du foretager ovenstående ændringer, og kører programmet i Visual Studio, vil du se følgende output
Produktion:-
Fra output kan du se, at når et element fra listeboksen er valgt, vises en meddelelsesboks. Dette viser det valgte emne fra listen.
Lad os nu se på den endelige kontrol, som er knappen Klik på Metode. Igen følger dette den samme filosofi. Dobbeltklik bare på knappen i Forms Designer, og den tilføjer automatisk metoden til knappenhændelseshåndterer. Så skal du bare tilføje nedenstående kode.
- Dette er begivenhedshåndteringsmetoden, der oprettes automatisk af Visual Studio, når du dobbeltklikker på knappen kontrol. Du behøver ikke bekymre dig om kompleksiteten af metodens navn eller de parametre, der sendes til metoden.
- Her får vi værdier indtastet i tekstfeltet navn og adresse. Værdierne kan tages fra tekstfunktionen i tekstboksen. Vi tildeler derefter værdierne til 2 variabler, navn og adresse i overensstemmelse hermed.
- Endelig bruger vi MessageBox-metoden til at vise navn- og adresseværdier for brugeren.
Én du foretager ovenstående ændringer, og kører programmet i Visual Studio, vil du se følgende output
Produktion:-
- Indtast først en værdi i navn- og adressefeltet.
- Klik derefter på knappen Send
Når du klikker på knappen Send, vises en meddelelsesboks, og den viser dig korrekt, hvad du har indtastet i afsnittet om brugeroplysninger.
Træ- og PictureBox-kontrol
Der er yderligere 2 kontrolelementer, vi kan se på, den ene er 'Tree Control' og den anden er 'Image control'. Lad os se på eksempler på, hvordan vi kan implementere disse kontroller
Trækontrol
- Trækontrollen bruges til at liste poster på et træ som mode. Det bedste eksempel er sandsynligvis, når vi ser selve Windows Stifinder. Mappestrukturen i Windows Stifinder er som en trælignende struktur.
Lad os se, hvordan vi kan implementere dette med et eksempel vist nedenfor.
Trin 1) Det første trin er at trække trækontrollen til Windows-formularen fra værktøjskassen som vist nedenfor
Trin 2) Det næste trin er at begynde at tilføje noder til træsamlingen, så den kan komme op i træet i overensstemmelse hermed. Lad os først følge nedenstående undertrin for at tilføje en rodnode til træsamlingen.
- Gå til egenskabsværktøjskassen til kontrol af trævisningen. Klik på nodens ejendom. Dette åbner TreeNode Editor
- I TreeNode Editor skal du klikke på knappen Tilføj rod for at tilføje en rodnode til træsamlingen.
- Dernæst skal du ændre teksten til rodnoden og angive teksten som rod og klikke på 'OK' -knappen. Dette tilføjer rodnode.
Trin 3) Det næste trin er at begynde at tilføje underordnede noder til træsamlingen. Lad os følge nedenstående undertrin for at tilføje underordnet rodnode til træsamlingen.
- Klik først på knappen Tilføj underordnet. Dette giver dig mulighed for at tilføje underordnede noder til træsamlingen.
- For hver underordnet node skal du ændre tekstegenskaben. Fortsæt med at gentage det forrige trin og dette trin, og tilføj 2 yderligere noder. I sidste ende vil du have 3 noder som vist ovenfor med teksten henholdsvis Etiket, Knap og Afkrydsningsfelt.
- Klik på knappen OK
Når du har foretaget ovenstående ændringer, vil du se følgende output.
Produktion:-
Du vil kunne se trævisningen tilføjet til formularen. Når du kører Windows-formularapplikationen, kan du udvide rodnoden og se underknudepunkterne på listen.
PictureBox-kontrol
Denne kontrol bruges til at tilføje billeder til Winforms C #. Lad os se, hvordan vi kan implementere dette med et eksempel vist nedenfor.
Trin 1) Det første trin er at trække PictureBox-kontrollen til C # Windows-formularen fra værktøjskassen som vist nedenfor
Trin 2) Det næste trin er faktisk at vedhæfte et billede til billedboksstyringen. Dette kan gøres ved at følge nedenstående trin.
- Klik først på Image-egenskaben til PictureBox-kontrolelementet. Et nyt vindue vises.
- I dette vindue skal du klikke på knappen Importer. Dette bruges til at vedhæfte et billede til billedbokskontrollen.
- En dialogboks vises, hvor du kan vælge det billede, der skal vedhæftes billedboksen
- Klik på knappen OK
Når du foretager ovenstående ændringer, vil du se følgende output
Produktion:-
Fra output kan du se, at et billede vises på formularen.
Resumé
- En Windows-formular i C # -applikation er en, der kører på en computers skrivebord. Visual Studio Form sammen med C # kan bruges til at oprette et Windows Forms-program.
- Kontrolelementer kan føjes til Windows-formularerne C # via værktøjskassen i Visual Studio. Kontrolelementer såsom etiketter, afkrydsningsfelter, radioknapper osv. Kan føjes til formularen via værktøjskassen.
- Man kan også bruge avancerede kontroller som trævisningskontrol og PictureBox-kontrol.
- Begivenhedshåndterere bruges til at svare på begivenheder genereret fra kontroller. Den mest almindelige er den, der tilføjes til den klikede begivenhed.