C# Windows Skjemasøknadsopplæring med eksempel
Benjamin rullator
En Windows-skjemaapplikasjon er en applikasjon som er designet for å kjøre på en datamaskin. Det vil ikke kjøre på nettleseren fordi det da blir en nettapplikasjon.
Denne opplæringen vil fokusere på hvordan vi kan lage Windows-baserte applikasjoner. Vi vil også lære litt grunnleggende om hvordan du jobber med de ulike elementene i C# Windows søknad.
Windows Grunnleggende om skjemaer
A Windows skjemaer-applikasjonen er en som kjører på den stasjonære datamaskinen. EN Windows skjemaapplikasjoner vil normalt ha en samling kontroller som etiketter, tekstbokser, listebokser osv.
Nedenfor er et eksempel på en enkel Windows skjema søknad C#. Den viser en enkel påloggingsskjerm, som er tilgjengelig for brukeren. Brukeren vil angi den nødvendige legitimasjonen og deretter klikke på Logg inn-knappen 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 2 tekstbokser, og etikettene brukes til å fortelle brukeren at den ene tekstboksen er for å skrive inn brukernavnet og den andre for passordet.
- De 2 tekstboksene brukes til å inneholde brukernavnet og passordet som vil bli skrevet inn av brukeren.
- Endelig har vi knappekontrollen. Knappekontrollen vil normalt ha en kode knyttet til å utføre et bestemt sett med handlinger. Så for eksempel i tilfellet ovenfor, kan vi få knappen til å utføre en handling for å validere brukernavnet og passordet som er angitt av brukeren.
C# Hei verden
La oss nå se på et eksempel på hvordan vi kan implementere en enkel 'hello world'-applikasjon i Visual Studio. For dette må vi implementere trinnene nedenfor
Trinn 1) Det første trinnet innebærer å lage et nytt prosjekt i Visual Studio. Etter lansering Visual Studio, må du velge menyvalget Nytt->Prosjekt.
Trinn 2) Det neste trinnet er å velge prosjekttype som en Windows Skjemasøknad. Her må vi også nevne navn og plassering av prosjektet vårt.
- I prosjektdialogboksen kan vi se ulike alternativer for å lage ulike typer prosjekter i Visual Studio. Klikk på Windows alternativet på venstre side.
- Når vi klikker på Windows alternativer i forrige trinn, vil vi kunne se et alternativ for Windows Skjemasøknad. 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 for å lagre applikasjonen vår.
- Til slutt klikker vi på 'OK'-knappen for å la Visual Studio lage prosjektet vårt.
Hvis trinnene ovenfor følges, vil du få utdataene nedenfor i Visual Studio.
Produksjon:-
Du vil se en Form Designer vist i Visual Studio. Det er i denne skjemadesigneren du vil begynne å bygge din Windows Skjemasøknad.
I Solution Explorer vil du også kunne se DemoApplication Solution. Denne løsningen vil inneholde de 2 prosjektfilene nedenfor
- En skjemaapplikasjon kalt Forms1.cs. Denne filen vil inneholde all koden for Windows Skjema søknad.
- Hovedprogrammet kalt Program.cs er standard kodefil som opprettes når en ny applikasjon opprettes i Visual Studio. Denne koden vil inneholde oppstartskoden for applikasjonen som helhet.
På venstre side av Visual Studio vil du også se et verktøyBox. Verktøykassen inneholder alle kontrollene som kan legges til en Windows Skjemaer. Kontroller som en tekstboks eller en etikett er bare noen av kontrollene som kan legges til en Windows Former.
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 ganske enkelt dra den til skjemaet.
Når du drar etiketten til skjemaet, kan du se etiketten innebygd i skjemaet som vist nedenfor.
Trinn 4) Det neste trinnet 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 menyvalget Egenskaper
- Egenskapspanelet vises også i Visual Studio. Så for etikettkontrollen, i egenskapskontrollen, gå til tekstdelen 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 i Visual Studio, vil du få følgende utgang
Produksjon:-
I utgangen kan du se at Windows Skjema vises. Du kan også se "Hello World" vises på skjemaet.
Legge til kontroller i et skjema
Vi hadde allerede sett hvordan vi legger 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 former og se noen av deres felles egenskaper.
I vår Windows skjemaapplikasjon i C#-eksempler, vil vi lage ett skjema som vil ha følgende funksjonalitet.
- Muligheten for brukeren til å skrive inn navn og adresse.
- Et alternativ for å velge byen der brukeren bor i
- Muligheten for brukeren til å angi et alternativ for kjønn.
- Et alternativ for å velge et kurs som brukeren ønsker å lære. Det vil gjøre 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 den ovennevnte funksjonaliteten.
Gruppe Box
En gruppeboks brukes til logisk gruppering av kontroller i en seksjon. La oss ta et eksempel hvis du hadde en samling kontroller for å legge inn detaljer som navn og adresse til en person. Ideelt sett er dette detaljer om en person, så du ønsker å ha disse detaljene i en egen del av skjemaet. Til 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 Skjema fra verktøykassen som vist nedenfor
Trinn 2) Når gruppeboksen er lagt til, gå til egenskapsvinduet ved å klikke på gruppebokskontrollen. I egenskapsvinduet går du til Tekst-egenskapen og endrer den til "Brukerdetaljer".
Når du har gjort endringene ovenfor, vil du se følgende utgang
Produksjon:-
I utdataene 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 der en etikett legges 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 2 etiketter, en som kalles "navn" og den andre kalles "adresse". De vil bli brukt sammen med tekstbokskontrollene som vil bli lagt til i den senere delen.
Trinn 1) Det første trinnet er å dra etikettkontrollen til Windows Skjema fra verktøykassen som vist nedenfor. Pass på at du drar etikettkontrollen 2 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 egenskapsvinduet ved å klikke på etikettkontrollen. I egenskapsvinduet går du til tekstegenskapen for hver etikettkontroll.
Når du har gjort endringene ovenfor, vil du se følgende utgang
Produksjon:-
Du kan se etikettkontrollene lagt til i skjemaet.
Tekstboks
En tekstboks brukes for å la en bruker skrive inn litt tekst på Windows applikasjon i C#. La oss se hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi vil legge til 2 tekstbokser i skjemaet, en for navnet og den andre for adressen som skal angis for brukeren
Trinn 1) Det første trinnet er å dra tekstbokskontrollen til Windows Skjema fra verktøykassen som vist nedenfor
Trinn 2) Når tekstboksene er lagt til, går du til egenskapsvinduet ved å klikke på tekstbokskontrollen. I egenskapsvinduet går du til Name-egenskapen og legger til et meningsfylt navn i hver tekstboks. Navngi for eksempel tekstboksen for brukeren som txtName og den for adressen som txtAddress. Det bør lages en navnekonvensjon og standard for kontroller fordi det blir lettere å legge til ekstra funksjonalitet til disse kontrollene, noe vi vil se senere.
Når du har gjort endringene ovenfor, vil du se følgende utgang
Produksjon:-
I utdataene kan du tydelig se at tekstboksene ble lagt til i skjemaet.
Listeboks
En listeboks brukes til å vise en liste over elementer på Windows form. La oss se hvordan vi kan implementere dette med et eksempel vist nedenfor. Vi vil legge til en listeboks i skjemaet for å lagre noen byplasseringer.
Trinn 1) Det første trinnet er å dra listebokskontrollen til Windows Skjema fra verktøykassen som vist nedenfor
Trinn 2) Når listeboksen er lagt til, gå til egenskapsvinduet ved å klikke på listebokskontrollen.
- Først endrer du egenskapen til Listbox-bokskontrollen, i vårt tilfelle har vi endret dette til lstCity
- Klikk på egenskapen Elementer. Dette lar deg legge til forskjellige elementer som kan vises i listeboksen. I vårt tilfelle har vi valgt gjenstander "samling".
- I String Collection Editor, som dukker opp, skriv inn bynavnene. 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 endringene ovenfor, vil du se følgende utgang
Produksjon:-
I utdataene kan du se at Listbox ble lagt til i skjemaet. Du kan også se at listeboksen er fylt ut 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/kvinnealternativ.
Trinn 1) Det første trinnet er å dra 'radioknapp'-kontrollen til Windows Skjema fra verktøykassen som vist nedenfor.
Trinn 2) Når radioknappen er lagt til, gå til egenskapsvinduet ved å klikke på radioknappkontrollen.
- Først må du endre tekstegenskapen til begge radiokontrollene. Gå til egenskapsvinduene og endre teksten til en hann på den ene radioknappen og teksten til den andre til hunn.
- På samme måte endrer du navneegenskapen til begge radiokontrollene. Gå til egenskapsvinduene og endre navnet til 'rdMale' på den ene radioknappen og til 'rdfemale' for den andre.
Når du gjør endringene ovenfor, vil du se følgende utgang
Produksjon:-
Du vil se radioknappene lagt til Windows form.
Avmerkingsboks
En avmerkingsboks 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 vil legge til 2 avmerkingsbokser i vår Windows skjemaer. Disse avmerkingsboksene vil gi brukeren et valg om de vil lære C# eller ASP.Net.
Trinn 1) Det første trinnet er å dra avmerkingsboksen til Windows Skjema fra verktøykassen som vist nedenfor
Trinn 2) Når avkrysningsboksen er lagt til, går du til egenskapsvinduet ved å klikke på avmerkingsboksen.
I egenskapsvinduet,
- Først må du endre tekstegenskapen til begge avmerkingsbokskontrollene. Gå til egenskapsvinduene og endre teksten til C# og ASP.Net.
- På samme måte endrer du navneegenskapen til begge radiokontrollene. Gå til egenskapsvinduene og endre navnet til chkC på den ene avkrysningsboksen og til chkASP for den andre.
Når du har gjort endringene ovenfor, vil du se følgende utgang
Produksjon:-
Button
En knapp brukes for å la brukeren klikke på en knapp som deretter vil starte 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 inn' som vil bli brukt til å sende inn all informasjon på skjemaet.
Trinn 1) Det første trinnet er å dra knappekontrollen til Windows Skjema fra verktøykassen som vist nedenfor
Trinn 2) Når knappen er lagt til, går du til egenskapsvinduet ved å klikke på knappkontrollen.
- Først må du endre tekstegenskapen til knappekontrollen. Gå til egenskapsvinduene og endre teksten til 'send'.
- På samme måte endrer du navneegenskapen til kontrollen. Gå til egenskapsvinduene og endre navnet til 'btnSubmit'.
Når du har gjort endringene ovenfor, vil du se følgende utgang
Produksjon:-
Gratulerer, du har nå din første grunnleggende Windows Skjema på plass. La oss nå gå til neste emne for å se hvordan vi kan gjøre hendelseshåndtering for kontroller.
C# hendelseshåndtering for kontroller
Når du arbeider med Windows-skjema, kan du legge til hendelser i kontroller. 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 Skjemaer, du kan 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 bør finne sted.
La oss ta en titt på en av hendelsene og hvordan den kan håndteres før vi går til scenariet for knapphendelse.
Eksempelet nedenfor viser en hendelse for Listbox-kontrollen. Så hver gang et element er valgt i listebokskontrollen, bør en meldingsboks dukke opp som viser elementet som er valgt. La oss utføre følgende trinn for å oppnå dette.
Trinn 1) Double klikk på listeboksen i skjemadesigneren. Ved å gjøre dette vil Visual Studio automatisk åpne kodefilen for skjemaet. Og det vil automatisk legge til en hendelsesmetode til koden. Denne hendelsesmetoden utløses når et element i listeboksen er valgt.
Ovenfor er kodebiten som automatisk legges til av Visual Studio når du dobbeltklikker Listebokskontrollen på skjemaet. La oss nå legge til kodedelen nedenfor til denne kodebiten, for å legge til den nødvendige funksjonaliteten til listebokshendelsen.
- Dette er hendelsesbehandlermetoden som automatisk opprettes av Visual Studio når du dobbeltklikker Listebokskontrollen. Du trenger ikke å bekymre deg for kompleksiteten til metodenavnet eller parameterne 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 den valgte varen. Vi tildeler deretter denne verdien til tekstvariabelen.
- Til slutt bruker vi budskapetBox metode for å vise tekstvariabelverdien til brukeren.
En du gjør endringene ovenfor, og kjører programmet i Visual Studio vil du se følgende utgang
Produksjon:-
Fra utgangen kan du se at når et element fra listeboksen er valgt, vil en meldingsboks dukke opp. Dette vil vise det valgte elementet fra listeboksen.
La oss nå se på den endelige kontrollen som er knappen Klikk Metode. Igjen følger dette samme filosofi. 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 hendelsesbehandlermetoden som automatisk opprettes av Visual Studio når du dobbeltklikker på knappkontrollen. Du trenger ikke bekymre deg for kompleksiteten til metodenavnet eller parameterne som sendes til metoden.
- Her får vi lagt inn verdier i tekstboksen for navn og adresse. Verdiene kan hentes fra tekstegenskapen til tekstboksen. Vi tildeler deretter verdiene til 2 variabler, navn og adresse tilsvarende.
- Til slutt bruker vi budskapetBox metode for å vise navn og adresseverdier til brukeren.
En du gjør endringene ovenfor, og kjører programmet i Visual Studio vil du se følgende utgang
Produksjon:-
- Skriv først inn en verdi i navn og adressefeltet.
- Klikk deretter på Send-knappen
Når du klikker på Send-knappen, vil en meldingsboks vises, og den viser deg riktig hva du skrev inn i delen med brukerdetaljer.
Tre og bildeBox Kontroll:
Det er 2 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
Trekontroll
– Trekontrollen brukes til å liste ned elementer på et tre som mote. Sannsynligvis det beste eksemplet er når vi ser Windows Explorer selv. Mappestrukturen i Windows Explorer 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 Skjema fra verktøykassen som vist nedenfor
Trinn 2) Neste trinn er å begynne å legge til noder til tresamlingen slik at den kan komme opp i treet deretter. Først, la oss følge undertrinnene nedenfor for å legge til en rotnode til tresamlingen.
- Gå til egenskapsverktøykassen for trevisningskontrollen. Klikk på nodens eiendom. Dette vil få opp TreeNode Editor
- I TreeNode Editor klikker du på Legg til rot-knappen for å legge til en rotnode til tresamlingen.
- Deretter endrer du teksten til rotnoden og oppgir teksten som rot og klikker på "OK"-knappen. Dette vil legge til rotnoden.
Trinn 3) Det neste trinnet er å begynne å legge til barnenodene i tresamlingen. La oss følge undertrinnene nedenfor for å legge til underordnet node til tresamlingen.
- Først klikker du på Legg til barn-knappen. Dette lar deg legge til underordnede noder til tresamlingen.
- For hver underordnede node endrer du 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 som henholdsvis Label, Button og Checkbox.
- Klikk på OK-knappen
Når du har gjort endringene ovenfor, vil du se følgende utdata.
Produksjon:-
Du vil kunne se trevisningen lagt til i skjemaet. Når du kjører Windows skjemaapplikasjon, kan du utvide rotnoden og se undernodene i listen.
bildeBox Kontroll:
Denne kontrollen brukes til å legge til bilder til Winforms C#. La oss se hvordan vi kan implementere dette med et eksempel vist nedenfor.
Trinn 1) Det første trinnet er å dra bildetBox kontroll på C# Windows Skjema fra verktøykassen som vist nedenfor
Trinn 2) Det neste trinnet er å faktisk legge ved et bilde til bildebokskontrollen. Dette kan gjøres ved å følge trinnene nedenfor.
- Først klikker du på bildeegenskapen for bildetBox kontroll. Et nytt vindu vil dukke opp.
- I dette vinduet klikker du på Importer-knappen. Dette vil bli brukt til å legge ved et bilde til bildebokskontrollen.
- En dialogboks vil dukke opp der du vil kunne velge bildet du vil legge ved bildeboksen
- Klikk på OK-knappen
Når du gjør endringene ovenfor, vil du se følgende utgang
Produksjon:-
Fra utgangen kan du se at et bilde vises på skjemaet.
Sammendrag
- A Windows skjemaet i C#-applikasjonen er en som kjører på skrivebordet til en datamaskin. Visual Studio Form sammen med C# kan brukes til å lage en Windows Skjemasøknad.
- Kontroller kan legges til Windows danner C# via Toolbox i Visual Studio. Kontroller som etiketter, avmerkingsbokser, radioknapper osv. kan legges til skjemaet via verktøykassen.
- Man kan også bruke avanserte kontroller som trevisningskontrollen og bildetBox kontrollere.
- Hendelsesbehandlere brukes til å svare på hendelser generert fra kontroller. Den vanligste er den som er lagt til for hendelsen som ble klikket på.
