C# Windows Handledning för formuläransökningar med exempel
En Windows-formulärapplikation är en applikation som är utformad för att köras på en dator. Det kommer inte att köras i webbläsaren eftersom det då blir en webbapplikation.
Denna handledning kommer att fokusera på hur vi kan skapa Windows-baserade applikationer. Vi kommer också att lära oss några grunder om hur man arbetar med de olika elementen i C# Windows ansökan.
Windows Grunderna i formulär
A Windows formulärapplikationen är en som körs på den stationära datorn. A Windows formulärapplikationen kommer normalt att ha en samling kontroller som etiketter, textrutor, listrutor, etc.
Nedan är ett exempel på en enkel Windows formulär C#. Den visar en enkel inloggningsskärm som är tillgänglig för användaren. Användaren anger de nödvändiga uppgifterna och klickar sedan på knappen Logga in för att fortsätta.
Så ett exempel på kontrollerna som finns tillgängliga i ovanstående applikation
- Detta är en samling etikettkontroller som normalt används för att beskriva intilliggande kontroller. Så i vårt fall har vi 2 textrutor, och etiketterna används för att tala om för användaren att den ena textrutan är till för att ange användarnamnet och den andra för lösenordet.
- De två textrutorna används för att hålla användarnamnet och lösenordet som kommer att anges av användaren.
- Äntligen har vi knappkontrollen. Knappkontrollen kommer normalt att ha någon kod kopplad för att utföra en viss uppsättning åtgärder. Så till exempel i ovanstående fall kan vi låta knappen utföra en åtgärd för att validera användarnamnet och lösenordet som skrivs in av användaren.
C# Hej världen
Låt oss nu titta på ett exempel på hur vi kan implementera en enkel "hej världen"-applikation i Visual Studio. För detta skulle vi behöva implementera de nedan nämnda stegen
Steg 1) Det första steget innebär skapandet av ett nytt projekt i Visual Studio. Efter lansering Visual Studio, måste du välja menyalternativet Nytt->Projekt.
Steg 2) Nästa steg är att välja projekttyp som en Windows Blanketter ansökan. Här behöver vi också nämna namn och plats för vårt projekt.
- I projektdialogrutan kan vi se olika alternativ för att skapa olika typer av projekt i Visual Studio. Klicka på Windows alternativet på vänster sida.
- När vi klickar på Windows alternativ i föregående steg kommer vi att kunna se ett alternativ för Windows Blanketter ansökan. Klicka på det här alternativet.
- Vi kommer att ge ett namn för ansökan. I vårt fall är det DemoApplication. Vi kommer också att tillhandahålla en plats för att lagra vår applikation.
- Slutligen klickar vi på 'OK'-knappen för att låta Visual Studio skapa vårt projekt.
Om ovanstående steg följs får du utdata nedan i Visual Studio.
Produktion:-
Du kommer att se en Form Designer visas i Visual Studio. Det är i denna Form Designer som du kommer att börja bygga din Windows Blanketter ansökan.
I Solution Explorer kommer du också att kunna se DemoApplication Solution. Denna lösning kommer att innehålla nedanstående 2 projektfiler
- En blankettapplikation som heter Forms1.cs. Den här filen kommer att innehålla all kod för Windows Blankett ansökan.
- Huvudprogrammet som heter Program.cs är standardkodfilen som skapas när en ny applikation skapas i Visual Studio. Denna kod kommer att innehålla startkoden för applikationen som helhet.
På vänster sida av Visual Studio ser du också ett verktygBox. Verktygslådan innehåller alla kontroller som kan läggas till i en Windows Blanketter. Kontroller som en textruta eller en etikett är bara några av kontrollerna som kan läggas till i en Windows Former.
Nedan är en skärmdump av hur verktygslådan ser ut.
Steg 3) I det här steget kommer vi nu att lägga till en etikett i formuläret som kommer att visa "Hello World." Från verktygslådan måste du välja etikettkontrollen och helt enkelt dra den till formuläret.
När du väl drar etiketten till formuläret kan du se etiketten inbäddad i formuläret som visas nedan.
Steg 4) Nästa steg är att gå till egenskaperna för kontrollen och ändra texten till 'Hello World'.
För att gå till egenskaperna för en kontroll måste du högerklicka på kontrollen och välja menyalternativet Egenskaper
- Egenskapspanelen visas också i Visual Studio. Så för etikettkontrollen, i egenskapskontrollen, gå till textavsnittet och skriv "Hello World".
- Varje kontroll har en uppsättning egenskaper som beskriver kontrollen.
Om du följer alla ovanstående steg och kör ditt program i Visual Studio får du följande utdata
Produktion:-
I utgången kan du se att Windows Formulär visas. Du kan också se "Hello World" visas på formuläret.
Lägga till kontroller i ett formulär
Vi hade redan sett hur man lägger till en kontroll i ett formulär när vi la till etikettkontrollen i det tidigare avsnittet för att visa "Hello World."
Låt oss titta på de andra kontrollerna som finns tillgängliga för Windows former och se några av deras gemensamma egenskaper.
I vår Windows formulärapplikation i C#-exempel, kommer vi att skapa ett formulär som kommer att ha följande funktionalitet.
- Möjligheten för användaren att ange namn och adress.
- Ett alternativ för att välja vilken stad användaren bor i
- Möjligheten för användaren att ange ett alternativ för könet.
- Ett alternativ att välja en kurs som användaren vill lära sig. Det kommer att göra val för både C# och ASP.Net
Så låt oss titta på varje kontroll i detalj och lägga till dem för att bygga formuläret med ovan nämnda funktionalitet.
Grupp Box
En gruppruta används för logisk gruppering av kontroller i en sektion. Låt oss ta ett exempel om du hade en samling kontroller för att ange detaljer som namn och adress till en person. Helst är dessa uppgifter om en person, så du skulle vilja ha dessa uppgifter i ett separat avsnitt på formuläret. För detta ändamål kan du ha en gruppbox. Låt oss se hur vi kan implementera detta med ett exempel som visas nedan
Steg 1) Det första steget är att dra Groupbox-kontrollen till Windows Form från verktygslådan enligt nedan
Steg 2) När gruppboxen har lagts till, gå till egenskapsfönstret genom att klicka på groupbox-kontrollen. I egenskapsfönstret, gå till egenskapen Text och ändra den till "Användarinformation".
När du har gjort ändringarna ovan kommer du att se följande utdata
Produktion:-
I utgången kan du tydligt se att Groupbox lades till i formuläret. Du kan också se att texten i grupprutan ändrades till "Användarinformation."
Etikettkontroll
Därefter kommer etikettkontrollen. Etikettkontrollen används för att visa en text eller ett meddelande till användaren på formuläret. Etikettkontrollen används normalt tillsammans med andra kontroller. Vanliga exempel är där en etikett läggs till tillsammans med textboxkontrollen.
Etiketten anger för användaren vad som förväntas fyllas i textrutan. Låt oss se hur vi kan implementera detta med ett exempel som visas nedan. Vi kommer att lägga till 2 etiketter, en som kommer att kallas "namn" och den andra kallas "adress". De kommer att användas tillsammans med textrutekontrollerna som kommer att läggas till i det senare avsnittet.
Steg 1) Det första steget är att dra etikettkontrollen till Windows Form från verktygslådan enligt nedan. Se till att du drar etikettkontrollen två gånger så att du kan ha en för "namnet" och den andra för "adressen".
Steg 2) När etiketten har lagts till, gå till egenskapsfönstret genom att klicka på etikettkontrollen. I egenskapsfönstret går du till egenskapen Text för varje etikettkontroll.
När du har gjort ändringarna ovan kommer du att se följande utdata
Produktion:-
Du kan se etikettkontrollerna som lagts till i formuläret.
Textruta
En textruta används för att låta en användare skriva in lite text på Windows applikation i C#. Låt oss se hur vi kan implementera detta med ett exempel som visas nedan. Vi kommer att lägga till 2 textrutor i formuläret, en för namnet och den andra för adressen som ska anges för användaren
Steg 1) Det första steget är att dra textboxkontrollen till Windows Form från verktygslådan enligt nedan
Steg 2) När textrutorna har lagts till går du till egenskapsfönstret genom att klicka på textrutekontrollen. Gå till egenskapen Namn i egenskapsfönstret och lägg till ett meningsfullt namn i varje textruta. Döp till exempel textrutan för användaren som txtName och den för adressen som txtAddress. En namnkonvention och standard bör göras för kontroller eftersom det blir lättare att lägga till extra funktionalitet till dessa kontroller, vilket vi kommer att se senare.
När du har gjort ändringarna ovan kommer du att se följande utdata
Produktion:-
I utgången kan du tydligt se att textrutorna lades till i formuläret.
Listruta
En listbox används för att visa en lista över objekt på Windows form. Låt oss se hur vi kan implementera detta med ett exempel som visas nedan. Vi kommer att lägga till en listruta i formuläret för att lagra några stadsplatser.
Steg 1) Det första steget är att dra listboxkontrollen till Windows Form från verktygslådan enligt nedan
Steg 2) När listrutan har lagts till, gå till egenskapsfönstret genom att klicka på listboxkontrollen.
- Ändra först egenskapen för Listbox-boxkontrollen, i vårt fall har vi ändrat detta till lstCity
- Klicka på egenskapen Objekt. Detta gör att du kan lägga till olika objekt som kan dyka upp i listrutan. I vårt fall har vi valt objekt "kollektion".
- I String Collection Editor, som dyker upp, skriv in stadsnamnen. I vårt fall har vi gått in i "Mumbai", "Bangalore" och "Hyderabad".
- Klicka slutligen på knappen 'OK'.
När du har gjort ändringarna ovan kommer du att se följande utdata
Produktion:-
I utgången kan du se att Listboxen har lagts till i formuläret. Du kan också se att listrutan har fyllts i med stadsvärdena.
Radio knapp
En radioknapp används för att visa en lista över objekt som användaren kan välja en av. Låt oss se hur vi kan implementera detta med ett exempel som visas nedan. Vi kommer att lägga till en alternativknapp för ett manligt/kvinnligt alternativ.
Steg 1) Det första steget är att dra "radioknappen"-kontrollen till Windows Form från verktygslådan enligt nedan.
Steg 2) När radioknappen har lagts till, gå till egenskapsfönstret genom att klicka på radioknappen.
- Först måste du ändra textegenskapen för båda radiokontrollerna. Gå till egenskapsfönstren och ändra texten till en hane på en radioknapp och texten på den andra till hona.
- Ändra namnegenskapen för båda radiokontrollerna på samma sätt. Gå till egenskapsfönstren och ändra namnet till 'rdMale' på en radioknapp och till 'rdfemale' för den andra.
När du gör ovanstående ändringar kommer du att se följande utdata
Produktion:-
Du kommer att se radioknapparna läggas till Windows form.
Kryssruta
En kryssruta används för att tillhandahålla en lista med alternativ där användaren kan välja flera alternativ. Låt oss se hur vi kan implementera detta med ett exempel som visas nedan. Vi kommer att lägga till 2 kryssrutor i vår Windows formulär. Dessa kryssrutor ger användaren ett val om de vill lära sig C# eller ASP.Net.
Steg 1) Det första steget är att dra kryssrutan till Windows Form från verktygslådan enligt nedan
Steg 2) När kryssrutan har lagts till går du till egenskapsfönstret genom att klicka på kryssrutan.
I egenskapsfönstret,
- Först måste du ändra textegenskapen för båda kryssrutornas kontroller. Gå till egenskapsfönstren och ändra texten till C# och ASP.Net.
- Ändra namnegenskapen för båda radiokontrollerna på samma sätt. Gå till egenskapsfönstren och ändra namnet till chkC för en kryssruta och till chkASP för den andra.
När du har gjort ändringarna ovan kommer du att se följande utdata
Produktion:-
Knappen
En knapp används för att låta användaren klicka på en knapp som sedan startar bearbetningen av formuläret. Låt oss se hur vi kan implementera detta med ett exempel som visas nedan. Vi kommer att lägga till en enkel knapp som heter 'Skicka' som kommer att användas för att skicka in all information på formuläret.
Steg 1) Det första steget är att dra knappkontrollen till Windows Form från verktygslådan enligt nedan
Steg 2) När knappen har lagts till, gå till egenskapsfönstret genom att klicka på knappen Knapp.
- Först måste du ändra textegenskapen för knappkontrollen. Gå till egenskapsfönstren och ändra texten till "skicka".
- Ändra på samma sätt namnegenskapen för kontrollen. Gå till egenskapsfönstren och ändra namnet till 'btnSubmit'.
När du har gjort ändringarna ovan kommer du att se följande utdata
Produktion:-
Grattis, du har nu din första basic Windows Form på plats. Låt oss nu gå till nästa ämne för att se hur vi kan göra händelsehantering för kontroller.
C# Händelsehantering för kontroller
När du arbetar med Windows-formulär kan du lägga till händelser i kontroller. En händelse är något som händer när en handling utförs. Den förmodligen vanligaste åtgärden är att klicka på en knapp på ett formulär. I C# Windows Formulär, du kan lägga till kod som kan användas för att utföra vissa åtgärder när en knapp trycks på formuläret.
Normalt när en knapp trycks på ett formulär innebär det att viss bearbetning bör ske.
Låt oss ta en titt på en av händelserna och hur den kan hanteras innan vi går till scenariot med knapphändelser.
Exemplet nedan visar en händelse för Listbox-kontrollen. Så när ett objekt väljs i listboxkontrollen, bör en meddelanderuta dyka upp som visar det valda objektet. Låt oss utföra följande steg för att uppnå detta.
Steg 1) Double klicka på listrutan i formulärdesignern. Genom att göra detta kommer Visual Studio automatiskt att öppna kodfilen för formuläret. Och det kommer automatiskt att lägga till en händelsemetod till koden. Denna händelsemetod kommer att utlösas när något objekt i listrutan väljs.
Ovan är kodavsnittet som automatiskt läggs till av Visual Studio när du dubbelklickar på listrutan i formuläret. Låt oss nu lägga till nedanstående kodavsnitt till detta kodavsnitt för att lägga till den nödvändiga funktionaliteten till listbox-händelsen.
- Det här är händelsehanterarmetoden som automatiskt skapas av Visual Studio när du dubbelklickar på listrutan. Du behöver inte oroa dig för komplexiteten i metodnamnet eller parametrarna som skickas till metoden.
- Här hämtar vi SelectedItem genom egenskapen lstCity.SelectedItem. Kom ihåg att lstCity är namnet på vår Listbox-kontroll. Vi använder sedan GetItemText-metoden för att få det faktiska värdet av den valda artikeln. Vi tilldelar sedan detta värde till textvariabeln.
- Slutligen använder vi meddelandetBox metod för att visa textvariabelns värde för användaren.
När du gör ovanstående ändringar och kör programmet i Visual Studio kommer du att se följande utdata
Produktion:-
Från utgången kan du se att när något objekt från listrutan är markerat, dyker en meddelanderuta upp. Detta kommer att visa det valda objektet från listrutan.
Låt oss nu titta på den sista kontrollen som är knappen klick Metod. Återigen följer detta samma filosofi. Dubbelklicka bara på knappen i Forms Designer så lägger den automatiskt till metoden för knappens händelsehanterare. Sedan behöver du bara lägga till koden nedan.
- Detta är händelsehanterarmetoden som automatiskt skapas av Visual Studio när du dubbelklickar på knappkontrollen. Du behöver inte oroa dig för komplexiteten i metodnamnet eller parametrarna som skickas till metoden.
- Här får vi värden inmatade i textrutan för namn och adress. Värdena kan hämtas från textegenskapen i textrutan. Vi tilldelar sedan värdena till 2 variabler, namn och adress.
- Slutligen använder vi meddelandetBox metod för att visa namn och adressvärden för användaren.
När du gör ovanstående ändringar och kör programmet i Visual Studio kommer du att se följande utdata
Produktion:-
- Ange först ett värde i namn- och adressfältet.
- Klicka sedan på knappen Skicka
När du klickar på knappen Skicka kommer en meddelanderuta att dyka upp och den visar dig korrekt vad du skrev i avsnittet med användarinformation.
Träd och bildBox kontroll
Det finns ytterligare två kontroller vi kan titta på, en är 'Tree Control' och den andra är 'Image control'. Låt oss titta på exempel på hur vi kan implementera dessa kontroller
Trädkontroll
– Trädkontrollen används för att lista ner objekt på ett träd som mode. Det bästa exemplet är förmodligen när vi ser Windows Utforskaren själv. Mappstrukturen i Windows Explorer är som en trädliknande struktur.
Låt oss se hur vi kan implementera detta med ett exempel som visas nedan.
Steg 1) Det första steget är att dra trädkontrollen till Windows Form från verktygslådan enligt nedan
Steg 2) Nästa steg är att börja lägga till noder till trädsamlingen så att den kan komma upp i trädet därefter. Låt oss först följa understegen nedan för att lägga till en rotnod till trädsamlingen.
- Gå till egenskapsverktygslådan för trädvykontrollen. Klicka på nodens egenskap. Detta kommer att ta upp TreeNode Editor
- I TreeNode Editor klicka på knappen Lägg till rot för att lägga till en rotnod till trädsamlingen.
- Ändra sedan texten i rotnoden och ange texten som rot och klicka på knappen "OK". Detta kommer att lägga till rotnod.
Steg 3) Nästa steg är att börja lägga till underordnade noder till trädsamlingen. Låt oss följa understegen nedan för att lägga till underordnad rotnod till trädsamlingen.
- Klicka först på knappen Lägg till barn. Detta gör att du kan lägga till underordnade noder till trädsamlingen.
- Ändra textegenskapen för varje underordnad nod. Fortsätt att upprepa föregående steg och detta steg och lägg till ytterligare 2 noder. I slutändan kommer du att ha 3 noder som visas ovan, med texten som Label, Button och Checkbox.
- Klicka på OK-knappen
När du har gjort ändringarna ovan kommer du att se följande utdata.
Produktion:-
Du kommer att kunna se trädvyn läggas till i formuläret. När du kör Windows formulärapplikation kan du expandera rotnoden och se undernoderna i listan.
BildBox kontroll
Denna kontroll används för att lägga till bilder till Winforms C#. Låt oss se hur vi kan implementera detta med ett exempel som visas nedan.
Steg 1) Det första steget är att dra bildenBox styra till C# Windows Form från verktygslådan enligt nedan
Steg 2) Nästa steg är att faktiskt bifoga en bild till bildrutekontrollen. Detta kan göras genom att följa stegen nedan.
- Klicka först på egenskapen Bild för bildenBox kontrollera. Ett nytt fönster kommer att dyka upp.
- I det här fönstret klickar du på knappen Importera. Detta kommer att användas för att bifoga en bild till Picturebox-kontrollen.
- En dialogruta dyker upp där du kommer att kunna välja bilden för att bifoga bildrutan
- Klicka på OK-knappen
När du gör ovanstående ändringar kommer du att se följande utdata
Produktion:-
Från utgången kan du se att en bild visas på formuläret.
Sammanfattning
- A Windows form i C#-applikationen är en som körs på skrivbordet på en dator. Visual Studio Form tillsammans med C# kan användas för att skapa en Windows Blanketter ansökan.
- Kontroller kan läggas till Windows bildar C# via Toolbox i Visual Studio. Kontroller som etiketter, kryssrutor, radioknappar etc. kan läggas till i formuläret via verktygslådan.
- Man kan också använda avancerade kontroller som trädvykontrollen och bildenBox kontroll.
- Händelsehanterare används för att svara på händelser som genereras från kontroller. Den vanligaste är den som läggs till för händelsen som klickade på knappen.