C# Windows Formular ansøgningsvejledning med eksempel
Benjamin rollator
En Windows-formapplikation er en applikation, der er designet til at køre på en computer. Det vil ikke køre på webbrowser, fordi det så bliver en webapplikation.
Denne vejledning vil fokusere på, hvordan vi kan skabe Windows-baserede applikationer. Vi vil også lære noget grundlæggende om, hvordan man arbejder med de forskellige elementer i C# Windows ansøgning.
Windows Grundlæggende om formularer
A Windows formularapplikation er en, der kører på den stationære computer. EN Windows formularapplikation vil normalt have en samling kontrolelementer såsom etiketter, tekstbokse, listebokse osv.
Nedenfor er et eksempel på en simpel Windows formular ansøgning C#. Det viser en simpel login-skærm, som er tilgængelig for brugeren. Brugeren indtaster de nødvendige legitimationsoplysninger og klikker derefter på Login-knappen for at fortsætte.
Så et eksempel på de tilgængelige kontroller i ovenstående applikation
- Dette er en samling af etiketkontroller, som normalt bruges til at beskrive tilstødende kontrolelementer. 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 2 tekstbokse bruges til at indeholde brugernavn og adgangskode, som vil blive indtastet af brugeren.
- Endelig har vi knapstyringen. Knapkontrollen vil normalt have en 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 er indtastet af brugeren.
C# Hej verden
Lad os nu se på et eksempel på, hvordan vi kan implementere en simpel 'hello world'-applikation i Visual Studio. Til dette skal vi implementere nedenstående trin
Trin 1) Det første trin involverer oprettelsen af et nyt projekt i Visual Studio. Efter lancering Visual Studio, skal du vælge menupunktet Nyt->Projekt.
Trin 2) Det næste trin er at vælge projekttypen som en Windows Ansøgning om formularer. Her skal vi også nævne navn og placering på vores projekt.
- I projektdialogboksen kan vi se forskellige muligheder for at oprette forskellige typer projekter i Visual Studio. Klik på Windows mulighed i venstre side.
- Når vi klikker på Windows muligheder i det foregående trin, vil vi kunne se en mulighed for Windows Ansøgning om formularer. Klik på denne mulighed.
- Vi giver et navn til ansøgningen. I vores tilfælde er det DemoApplication. Vi vil også give et sted til at gemme vores applikation.
- Til sidst 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 vist i Visual Studio. Det er i denne Form Designer, du vil begynde at bygge din Windows Ansøgning om formularer.
I Solution Explorer vil du også kunne se DemoApplication Solution. Denne løsning vil indeholde nedenstående 2 projektfiler
- En formularapplikation kaldet Forms1.cs. Denne fil vil indeholde al koden til Windows Ansøgningsskema.
- Hovedprogrammet kaldet Program.cs er standard kodefil, som oprettes, når en ny applikation oprettes i Visual Studio. Denne kode vil indeholde startkoden for applikationen som helhed.
På venstre side af Visual Studio vil du også se et værktøjBox. Værktøjskassen indeholder alle de kontroller, der kan tilføjes til en Windows Formularer. Kontrolelementer som en tekstboks eller en etiket er blot nogle af de kontroller, der kan tilføjes til en Windows Formularer.
Nedenfor er et skærmbillede af, hvordan værktøjskassen ser ud.
Trin 3) I dette trin tilføjer vi nu en etiket til formularen, som viser "Hello World." Fra værktøjskassen skal du vælge kontrolelementet Etiket og blot trække det til formularen.
Når du trækker etiketten til formularen, kan du se etiketten indlejret i formularen som vist nedenfor.
Trin 4) Det næste trin er at gå til egenskaberne for kontrolelementet og ændre teksten til 'Hello World'.
For at gå til egenskaberne for en kontrol, skal du højreklikke på kontrolelementet og vælge menupunktet Egenskaber
- Egenskabspanelet vises også i Visual Studio. Så for etiketkontrol, i egenskabskontrol, skal du gå til tekstsektionen og indtaste "Hello World".
- Hver kontrol har et sæt egenskaber, som beskriver kontrolelementet.
Hvis du følger alle ovenstående trin og kører dit program i Visual Studio, får du følgende output
Produktion:-
I outputtet 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 man tilføjer en kontrol til en formular, da vi tilføjede etiketkontrollen i det tidligere afsnit for at vise "Hello World."
Lad os se på de andre tilgængelige kontroller Windows former og se nogle af deres fælles egenskaber.
I vores Windows formularapplikation i C#-eksempler, vil vi oprette en formular, som vil have 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ønnet.
- En mulighed for at vælge et kursus, som brugeren ønsker at lære. Der vil foretage valg for både C# og ASP.Net
Så lad os se på hver kontrol i detaljer og tilføje dem for at bygge formularen med ovennævnte funktionalitet.
gruppe Box
En gruppeboks bruges til logisk gruppering af kontrolelementer i en sektion. Lad os tage et eksempel, hvis du havde en samling kontrolelementer til at indtaste detaljer såsom navn og adresse på en person. Ideelt set er disse oplysninger om en person, så du ønsker at have disse detaljer i et separat afsnit på formularen. Til dette formål kan du have en gruppeboks. 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 Formular fra værktøjskassen som vist nedenfor
Trin 2) Når gruppeboksen er tilføjet, skal du gå til egenskabsvinduet ved at klikke på gruppeboksens kontrolelement. I egenskabsvinduet skal du gå til egenskaben Tekst og ændre den til "Brugeroplysninger".
Når du har foretaget ovenstående ændringer, vil du se følgende output
Produktion:-
I outputtet kan du tydeligt se, at Groupbox blev tilføjet til formularen. Du kan også se, at teksten i gruppeboksen blev ændret til "Brugeroplysninger."
Etiketkontrol
Dernæst kommer etiketkontrollen. Etiketkontrollen bruges til at vise en tekst eller en besked til brugeren på formularen. Etiketkontrollen bruges normalt sammen med andre kontroller. Almindelige eksempler er, hvor en etiket tilføjes sammen med tekstbokskontrollen.
Etiketten angiver for brugeren, hvad der forventes at fylde i tekstboksen. Lad os se, hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi tilføjer 2 etiketter, den ene kaldes 'navn' og den anden kaldes 'adresse'. De vil blive brugt sammen med tekstbokskontrollerne, som vil blive tilføjet i det senere afsnit.
Trin 1) Det første trin er at trække etiketkontrollen til Windows Formular fra værktøjskassen som vist nedenfor. Sørg for at trække etiketkontrollen 2 gange, så du kan have den ene 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 etiketkontrollerne føjet til formularen.
tekstboks
En tekstboks bruges til at give en bruger mulighed for at indtaste noget tekst på Windows applikation i C#. Lad os se, hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi tilføjer 2 tekstbokse 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 tekstbokskontrollen til Windows Formular fra værktøjskassen som vist nedenfor
Trin 2) Når tekstboksene er blevet tilføjet, skal du gå til egenskabsvinduet ved at klikke på tekstbokskontrollen. I egenskabsvinduet skal du gå til egenskaben Navn og tilføje et meningsfuldt navn til hver tekstboks. Navngiv f.eks. tekstboksen for brugeren som txtName og den for adressen som txtAddress. Der bør laves en navnekonvention og standard for kontroller, fordi det bliver nemmere at tilføje ekstra funktionalitet til disse kontroller, som vi vil se senere.
Når du har foretaget ovenstående ændringer, vil du se følgende output
Produktion:-
I outputtet kan du tydeligt se, at tekstboksene blev tilføjet til formularen.
Listeboks
En listeboks bruges til at vise en liste over elementer på Windows form. Lad os se, hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi tilføjer en listeboks til formularen for at gemme nogle byplaceringer.
Trin 1) Det første trin er at trække listeboksens kontrol til Windows Formular fra værktøjskassen som vist nedenfor
Trin 2) Når listeboksen er blevet tilføjet, skal du gå til egenskabsvinduet ved at klikke på listeboksen.
- Først skal du ændre egenskaben for Listbox-bokskontrollen, i vores tilfælde har vi ændret dette til lstCity
- Klik på egenskaben Varer. Dette giver dig mulighed for at tilføje forskellige elementer, som kan dukke op i listeboksen. I vores tilfælde har vi udvalgt varer "kollektion".
- Indtast bynavnene i String Collection Editor, som dukker op. I vores tilfælde er vi gået ind i "Mumbai", "Bangalore" og "Hyderabad".
- Klik til sidst på knappen 'OK'.
Når du har foretaget ovenstående ændringer, vil du se følgende output
Produktion:-
I outputtet kan du se, at Listbox blev tilføjet til formularen. Du kan også se, at listeboksen er blevet udfyldt med byværdierne.
Radio knap
En radioknap bruges til at vise en liste over elementer, som brugeren kan vælge en. Lad os se, hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi tilføjer en alternativknap for en mandlig/kvinde mulighed.
Trin 1) Det første trin er at trække 'radioknappen'-kontrollen hen på Windows Formular fra værktøjskassen som vist nedenfor.
Trin 2) Når radioknappen er blevet tilføjet, skal du gå til egenskabsvinduet ved at klikke på radioknappen.
- Først skal du ændre tekstegenskaben for begge radiokontroller. Gå til egenskabsvinduerne og skift teksten til en han på den ene radioknap og teksten på den anden til hun.
- På samme måde skal du ændre navnegenskaben for begge radiokontroller. Gå til egenskabsvinduerne og skift navnet til 'rdMale' på den ene radioknap 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 form.
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 mulighed for, om de vil lære C# eller ASP.Net.
Trin 1) Det første trin er at trække afkrydsningsfeltet over på Windows Formular fra værktøjskassen som vist nedenfor
Trin 2) Når afkrydsningsfeltet er tilføjet, skal du gå til vinduet med egenskaber ved at klikke på kontrolfeltet.
I egenskabsvinduet,
- Først skal du ændre tekstegenskaben for begge afkrydsningsfeltkontroller. Gå til egenskabsvinduerne og skift teksten til C# og ASP.Net.
- På samme måde skal du ændre navnegenskaben for begge radiokontroller. Gå til egenskabsvinduerne og skift navnet til chkC på det ene afkrydsningsfelt og til chkASP for det andet.
Når du har foretaget ovenstående ændringer, vil du se følgende output
Produktion:-
Button
En knap bruges til at give brugeren mulighed for at klikke på en knap, som derefter vil starte 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 knapkontrollen hen på Windows Formular fra værktøjskassen som vist nedenfor
Trin 2) Når knappen er blevet tilføjet, skal du gå til egenskabsvinduet ved at klikke på knappen Knap.
- Først skal du ændre tekstegenskaben for knapkontrollen. Gå til egenskabsvinduerne og skift teksten til 'send'.
- På samme måde skal du ændre navnegenskaben for kontrolelementet. 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 Formen på plads. Lad os nu gå til næste emne for at se, hvordan vi kan udføre hændelseshåndtering for kontroller.
C# Hændelseshåndtering for kontroller
Når du arbejder med Windows-formular, kan du tilføje begivenheder til kontrolelementer. En begivenhed er noget, der sker, når en handling udføres. Den mest almindelige handling er nok at klikke på en knap på en formular. I C# Windows Forms, kan du tilføje kode, som kan bruges til at udføre visse handlinger, når der trykkes på en knap på formularen.
Normalt, når der trykkes på en knap på en formular, betyder det, at der skal ske en vis behandling.
Lad os tage et kig på en af begivenhederne, og hvordan den kan håndteres, før vi går til scenariet med knaphændelse.
Nedenstående eksempel viser en begivenhed for Listbox-kontrollen. Så hver gang et element er valgt i listeboksen, bør der poppe en beskedboks op, som viser det valgte element. Lad os udføre følgende trin for at opnå dette.
Trin 1) Double klik på listeboksen i formulardesigneren. Ved at gøre dette vil Visual Studio automatisk åbne kodefilen til formularen. Og det vil automatisk tilføje en hændelsesmetode til koden. Denne hændelsesmetode udløses, hver gang et element i listeboksen er valgt.
Ovenfor er kodestykket, som automatisk tilføjes af Visual Studio, når du dobbeltklikker på listeboksen på formularen. Lad os nu tilføje nedenstående kodeafsnit til dette kodestykke for at tilføje den nødvendige funktionalitet til listebokshændelsen.
- Dette er hændelseshåndteringsmetoden, som automatisk oprettes af Visual Studio, når du dobbeltklikker på listeboksen. Du behøver ikke bekymre dig om kompleksiteten af metodenavnet eller de parametre, der overføres til metoden.
- Her får vi SelectedItem gennem egenskaben lstCity.SelectedItem. Husk at lstCity er navnet på vores Listbox-kontrol. Vi bruger derefter GetItemText-metoden til at få den faktiske værdi af den valgte vare. Vi tildeler derefter denne værdi til tekstvariablen.
- Til sidst bruger vi BudskabetBox metode til at vise tekstvariabelværdien for brugeren.
Når du laver ovenstående ændringer og kører programmet i Visual Studio, vil du se følgende output
Produktion:-
Fra outputtet kan du se, at når ethvert element fra listeboksen er valgt, dukker en beskedboks op. Dette vil vise det valgte element fra listeboksen.
Lad os nu se på den endelige kontrol, som er knappen Klik Metode. Igen følger dette den samme filosofi. Du skal blot dobbeltklikke på knappen i formulardesigneren, og den tilføjer automatisk metoden til knaphændelseshandleren. Så skal du blot tilføje nedenstående kode.
- Dette er hændelseshåndteringsmetoden, som automatisk oprettes af Visual Studio, når du dobbeltklikker på knappen. Du behøver ikke bekymre dig om kompleksiteten af metodenavnet eller de parametre, der overføres til metoden.
- Her får vi værdier indtastet i navn og adresse tekstboksen. Værdierne kan tages fra tekst-egenskaben i tekstboksen. Vi tildeler derefter værdierne til 2 variabler, navn og adresse i overensstemmelse hermed.
- Til sidst bruger vi BudskabetBox metode til at vise navn og adresseværdier for brugeren.
Når du laver ovenstående ændringer og kører programmet i Visual Studio, vil du se følgende output
Produktion:-
- Indtast først en værdi i navne- og adressefeltet.
- Klik derefter på knappen Send
Når du klikker på knappen Send, vil en beskedboks poppe op, og den viser dig korrekt, hvad du har indtastet i afsnittet med brugeroplysninger.
Træ og billedeBox kontrol
Der er 2 yderligere kontroller, 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æstyringen bruges til at liste elementer ned på et træ som mode. Sandsynligvis det bedste eksempel er, når vi ser Windows Explorer selv. Mappestrukturen i Windows Explorer 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ækontrolelementet til Windows Formular fra værktøjskassen som vist nedenfor
Trin 2) 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 for trævisningskontrol. Klik på nodens egenskab. Dette vil bringe TreeNode Editor frem
- Klik på knappen Tilføj rod i TreeNode Editor for at tilføje en rodnode til træsamlingen.
- Derefter skal du ændre teksten i rodnoden og angive teksten som rod og klikke på knappen 'OK'. Dette vil tilføje root node.
Trin 3) Det næste trin er at begynde at tilføje de underordnede noder til træsamlingen. Lad os følge nedenstående undertrin for at tilføje underordnet rodknude til træsamlingen.
- Klik først på knappen Tilføj barn. Dette giver dig mulighed for at tilføje underordnede noder til træsamlingen.
- For hver underordnede 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 som henholdsvis Label, Button og Checkbox.
- Klik på OK-knappen
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 formularapplikation, kan du udvide rodnoden og se de underordnede knudepunkter på listen.
BilledeBox 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 billedetBox kontrol over på C# Windows Formular fra værktøjskassen som vist nedenfor
Trin 2) Det næste trin er faktisk at vedhæfte et billede til billedbokskontrollen. Dette kan gøres ved at følge nedenstående trin.
- Først skal du klikke på billedegenskaben for billedetBox styring. Et nyt vindue vil poppe ud.
- I dette vindue skal du klikke på knappen Importer. Dette vil blive brugt til at vedhæfte et billede til billedbokskontrollen.
- En dialogboks vil poppe op, hvor du vil være i stand til at vælge det billede, du vil vedhæfte billedboksen
- Klik på OK-knappen
Når du foretager ovenstående ændringer, vil du se følgende output
Produktion:-
Fra outputtet kan du se, at der vises et billede på formularen.
Resumé
- A Windows form i C#-applikation er en, der kører på skrivebordet på en computer. Visual Studio Form sammen med C# kan bruges til at skabe en Windows Ansøgning om formularer.
- Kontroller kan føjes til Windows danner C# via værktøjskassen i Visual Studio. Kontrolelementer såsom etiketter, afkrydsningsfelter, radioknapper osv. kan tilføjes til formularen via værktøjskassen.
- Man kan også bruge avancerede kontroller som trævisningskontrollen og billedetBox kontrol.
- Hændelseshandlere bruges til at reagere på hændelser genereret fra kontroller. Den mest almindelige er den, der er tilføjet til begivenheden, der blev klikket på knappen.
