Hittills har vi sett hur man arbetar med C # för att skapa konsolbaserade applikationer. Men i ett verkligt scenario använder team normalt Visual Studio och C # för att skapa antingen Windows Forms eller webbaserade applikationer.
Ett Windows-formulärprogram är ett program som är utformat för att köras på en dator. Det körs inte i webbläsaren för då blir det 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-applikationen.
I den här Windows-guiden lär du dig-
- Grundläggande om Windows-formulär
- Hej värld i Windows-formulär
- Lägga till kontroller i ett formulär
- Händelsehantering för kontroller
- Träd- och PictureBox-kontroll
Grundläggande om Windows-formulär
Ett Windows-formulärprogram är en som körs på stationär dator. Ett Windows-formulärprogram har normalt en samling kontroller som etiketter, textrutor, listrutor etc.
Nedan följer ett exempel på ett enkelt Windows-formulärprogram C #. Den visar en enkel inloggningsskärm som är tillgänglig för användaren. Användaren anger de obligatoriska referenserna och klickar sedan på inloggningsknappen för att fortsätta.
Så ett exempel på de kontroller som finns 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 två textrutor, och etiketterna används för att berätta för användaren att en textruta är 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 användaren anger.
- Slutligen 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 anges av användaren.
C # Hello World
Låt oss nu titta på ett exempel på hur vi kan implementera en enkel "Hello World" -applikation i Visual Studio. För detta skulle vi behöva genomföra nedanstående steg
Steg 1) Det första steget handlar om att skapa ett nytt projekt i Visual Studio. Efter att du har startat Visual Studio måste du välja menyalternativet Ny-> Projekt.
Steg 2) Nästa steg är att välja projekttyp som en Windows Forms-applikation. Här behöver vi också nämna projektets namn och plats.
- I dialogrutan projekt kan vi se olika alternativ för att skapa olika typer av projekt i Visual Studio. Klicka på Windows-alternativet till vänster.
- När vi klickar på Windows-alternativen i föregående steg kommer vi att kunna se ett alternativ för Windows Forms Application. Klicka på det här alternativet.
- Vi ger ett namn på 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' 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 ser en Form Designer visas i Visual Studio. Det är i denna Form Designer som du kommer att börja bygga din Windows Forms-applikation.
I Solution Explorer kommer du också att kunna se DemoApplication Solution. Denna lösning innehåller nedanstående 2 projektfiler
- En formuläransökan som heter Forms1.cs. Den här filen innehåller all kod för Windows Form-applikationen.
- Huvudprogrammet kallas Program.cs är standardkodfil som skapas när en ny applikation skapas i Visual Studio. Den här koden innehåller startkoden för applikationen som helhet.
På vänster sida av Visual Studio ser du också en verktygslåda. Verktygslådan innehåller alla kontroller som kan läggas till i ett Windows-formulär. Kontroller som en textruta eller en etikett är bara några av kontrollerna som kan läggas till i Windows Forms.
Nedan följer en skärmdump av hur verktygslådan ser ut.
Steg 3) I det här steget lägger vi nu till en etikett i formuläret som visar "Hello World". Från verktygslådan måste du välja etikettkontroll och helt enkelt dra den till formuläret.
När du 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 kontrollens egenskaper 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 egenskaperskontrollen, gå till avsnittet Text 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 resultat
Produktion:-
I utgången kan du se att Windows-formuläret 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 lade till etikettkontrollen i det tidigare avsnittet för att visa "Hello World."
Låt oss titta på de andra kontrollerna som är tillgängliga för Windows-formulär och se några av deras vanliga egenskaper.
I vår Windows-formuläransökan i C # -exempel skapar vi ett formulär som har följande funktionalitet.
- Användarens möjlighet att ange namn och adress.
- Ett alternativ att välja den stad där användaren bor
- Förmågan för användaren att ange ett alternativ för kön.
- Ett alternativ att välja en kurs som användaren vill lära sig. Det gör 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.
Grupplåda
En gruppruta används för logiska grupperingskontroller i ett avsnitt. Låt oss ta ett exempel om du hade en samling kontroller för att ange detaljer som personens namn och adress. Helst är det här information om en person, så du vill ha dessa uppgifter i ett separat avsnitt på formuläret. För detta ändamål kan du ha en gruppruta. 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-formuläret från verktygslådan enligt nedan
Steg 2) När grupplådan har lagts till går du till egenskapsfönstret genom att klicka på grupplådekontrollen. I egenskapsfönstret går du till egenskapen Text och ändrar den till "Användarinformation".
När du har gjort ovanstående ändringar ser du följande utdata
Produktion:-
I utdata kan du tydligt se att Groupbox har lagts till i formuläret. Du kan också se att texten i grupprutan ändrades till "Användardetaljer."
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 lägger till två etiketter, en som kommer att kallas "namn" och den andra kallas "adress." De kommer att användas tillsammans med textrutans kontroller som läggs till i det senare avsnittet.
Steg 1) Det första steget är att dra etikettkontrollen till Windows-formuläret från verktygslådan som visas nedan. Se till att du drar etikettkontrollen två gånger så att du kan ha en för 'namn' och den andra för 'adress'.
Steg 2) När etiketten har lagts till går du till egenskapsfönstret genom att klicka på etikettkontrollen. I egenskapsfönstret går du till textegenskapen för varje etikettkontroll.
När du har gjort ovanstående ändringar ser du följande utdata
Produktion:-
Du kan se etikettkontrollerna läggs till i formuläret.
Textruta
En textruta används för att låta en användare skriva in text i Windows-applikationen i C #. Låt oss se hur vi kan implementera detta med ett exempel som visas nedan. Vi lägger till två 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 textrutekontrollen till Windows-formuläret från verktygslådan som visas nedan
Steg 2) När textrutorna har lagts till går du till egenskapsfönstret genom att klicka på textrutekontrollen. I egenskapsfönstret går du till egenskapen Namn och lägger till ett meningsfullt namn i varje textruta. Namnge till exempel textrutan för användaren som txtUser och den för adressen som txtAddress. En namngivningskonvention 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 ovanstående ändringar ser du följande utdata
Produktion:-
I utdata kan du tydligt se att textrutorna har lagts till i formuläret.
Listruta
En Listbox används för att visa upp en lista med objekt i Windows-formuläret. 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 vissa stadslokaler.
Steg 1) Det första steget är att dra kontrollpanelen till Windows-formuläret från verktygslådan enligt nedan
Steg 2) När listrutan har lagts till, gå till fönstret för egenskaper genom att klicka på listrutans kontroll.
- Först ändrar du egenskapen för kontrollboxen Listbox, i vårt fall har vi ändrat detta till lstCity
- Klicka på objektegenskapen. Detta gör att du kan lägga till olika objekt som kan visas i listrutan. I vårt fall har vi valt objekt "samling".
- Ange stadsnamnen i strängsamlingsredigeraren, som dyker upp. I vårt fall har vi gått in i "Mumbai", "Bangalore" och "Hyderabad".
- Slutligen klickar du på knappen 'OK'.
När du har gjort ovanstående ändringar ser du följande utdata
Produktion:-
I utdata kan du se att Listbox har lagts till i formuläret. Du kan också se att listrutan har fyllts med stadsvärden.
Radio knapp
En radioknapp används för att visa upp en lista över objekt som användaren kan välja en. Låt oss se hur vi kan implementera detta med ett exempel som visas nedan. Vi lägger till en alternativknapp för ett manligt / kvinnligt alternativ.
Steg 1) Det första steget är att dra kontrollen 'radioknapp' till Windows-formuläret från verktygslådan enligt bilden nedan.
Steg 2) När radioknappen har lagts till går du till egenskapsfönstret genom att klicka på radioknappsknappen.
- Först måste du ändra textegenskapen för båda radiokontrollerna. Gå till fönstren för egenskaper och ändra texten till en hane i en radioknapp och texten på den andra till hona.
- Ändra på samma sätt namnegenskapen för båda radiokontrollerna. Gå till egenskapsfönstren och ändra namnet till 'rdMale' för en radioknapp och till 'rdfemale' för den andra.
En som du gör ovanstående ändringar ser du följande utdata
Produktion:-
Du kommer att se radioknapparna läggs till i Windows-formuläret.
Kryssruta
En kryssruta används för att tillhandahålla en lista med alternativ där användaren kan välja flera val. Låt oss se hur vi kan implementera detta med ett exempel som visas nedan. Vi lägger till två kryssrutor i våra Windows-formulär. Dessa kryssrutor ger användaren ett alternativ om de vill lära sig C # eller ASP.Net.
Steg 1) Det första steget är att dra kryssrutan till Windows-formuläret från verktygslådan som visas nedan
Steg 2) När kryssrutan har lagts till går du till egenskapsfönstret genom att klicka på kontrollrutan.
I fastighetsfönstret,
- Först måste du ändra textegenskapen för båda kryssrutorna. Gå till egenskapsfönstren och ändra texten till C # och ASP.Net.
- Ändra på samma sätt namnegenskapen för båda radiokontrollerna. 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 ovanstående ändringar ser du följande utdata
Produktion:-
Knapp
En knapp används för att låta användaren klicka på en knapp som sedan startar behandlingen av formuläret. Låt oss se hur vi kan implementera detta med ett exempel som visas nedan. Vi lägger till en enkel knapp som heter 'Skicka' som kommer att användas för att skicka all information på formuläret.
Steg 1) Det första steget är att dra knappreglaget till Windows-formuläret från verktygslådan som visas nedan
Steg 2) När knappen har lagts till går du till egenskapsfönstret genom att klicka på knappen.
- Först måste du ändra textegenskapen för knappkontrollen. Gå fastighetsfönstren och ändra texten till "skicka".
- Ändra kontrollens namnegenskap på samma sätt. Gå till egenskapsfönstren och ändra namnet till 'btnSubmit'.
När du har gjort ovanstående ändringar ser du följande utdata
Produktion:-
Grattis, nu har du ditt första grundläggande Windows-formulär 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 kontrollerna. En händelse är något som händer när en handling utförs. Förmodligen den vanligaste åtgärden är att klicka på en knapp i ett formulär. I C # Windows Forms kan du lägga till kod som kan användas för att utföra vissa åtgärder när en knapp trycks in på formuläret.
Normalt när en knapp trycks in på ett formulär betyder det att någon bearbetning ska ske.
Låt oss ta en titt på en av händelserna och hur den kan hanteras innan vi går till knapphändelsesscenariot.
Nedanstående exempel visar en händelse för Listbox-kontrollen. Så när ett objekt väljs i listboxkontrollen, bör en meddelandefält dyka upp som visar det valda objektet. Låt oss utföra följande steg för att uppnå detta.
Steg 1) Dubbelklicka på Listbox i formulärdesignern . Genom att göra detta öppnar Visual Studio automatiskt kodfilen för formuläret. Och det lägger automatiskt till en händelsemetod i koden. Denna händelsemetod utlöses närhelst något objekt i listrutan väljs.
Ovan är kodavsnittet som automatiskt läggs till av Visual Studio när du dubbelklickar på kontrollrutan Listbox i formuläret. Låt oss nu lägga till nedanstående avsnitt av kod i detta kodavsnitt för att lägga till den nödvändiga funktionaliteten i listboxhändelsen.
- Detta är händelsehanteringsmetoden som automatiskt skapas av Visual Studio när du dubbelklickar på kontrollrutan Listbox. Du behöver inte oroa dig för komplexiteten i metodnamnet eller parametrarna som skickas till metoden.
- Här får 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 verkliga värdet på det valda objektet. Vi tilldelar sedan detta värde till textvariabeln.
- Slutligen använder vi metoden MessageBox för att visa textvariabelvärdet för användaren.
En som du gör ovanstående ändringar och kör programmet i Visual Studio ser du följande utdata
Produktion:-
Från utgången kan du se att när ett objekt från listrutan är markerat kommer en meddelanderuta att dyka upp. Detta visar det valda objektet från listfältet.
Låt oss nu titta på den slutliga kontrollen som är knappklickmetoden. Återigen följer detta samma filosofi. Dubbelklicka bara på knappen i Forms Designer och den lägger automatiskt till metoden för knapphändelsehanteraren. Då behöver du bara lägga till nedanstående kod.
- Detta är händelsehanteringsmetoden 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 in värden i text- och namnrutan. Värdena kan hämtas från textegenskapen i textrutan. Vi tilldelar sedan värdena till två variabler, namn och adress därefter.
- Slutligen använder vi MessageBox-metoden för att visa namn- och adressvärden för användaren.
En som du gör ovanstående ändringar och kör programmet i Visual Studio ser du följande utdata
Produktion:-
- Först anger du ett värde i namn- och adressfältet.
- Klicka sedan på knappen Skicka
När du klickar på knappen Skicka visas en meddelandefält och den visar dig vad du angav i avsnittet med användardetaljer.
Träd- och PictureBox-kontroll
Det finns ytterligare två kontroller vi kan titta på, den ena ä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ädliknande sätt. Förmodligen det bästa exemplet är när vi ser själva Windows Explorer. 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-formuläret från verktygslådan som visas nedan
Steg 2) Nästa steg är att börja lägga till noder i trädsamlingen så att den kan komma upp i trädet i enlighet därmed. Låt oss först följa nedanstående delsteg för att lägga till en rotnod i trädsamlingen.
- Gå till egenskapsverktygslådan för trädvyskontrollen. Klicka på nodens egendom. Detta kommer att visa TreeNode Editor
- I TreeNode Editor klickar du på knappen Lägg till rot för att lägga till en rotnod i trädsamlingen.
- Ändra sedan texten i rotnoden och ange texten som rot och klicka på "OK" -knappen. Detta kommer att lägga till rotnod.
Steg 3) Nästa steg är att börja lägga till barnnoder i trädsamlingen. Låt oss följa nedanstående delsteg för att lägga till underrotnod i trädsamlingen.
- Klicka först på knappen Lägg till barn. Detta gör att du kan lägga till underordnade noder i trädsamlingen.
- Ändra textegenskapen för varje undernod. 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 etikett, knapp respektive kryssruta.
- Klicka på OK-knappen
När du har gjort ovanstående ändringar ser du följande utdata.
Produktion:-
Du kommer att kunna se trädvyn läggas till i formuläret. När du kör Windows-formulärprogrammet kan du expandera rotnoden och se undernoderna i listan.
PictureBox-kontroll
Denna kontroll används för att lägga till bilder i 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 PictureBox-kontrollen till C # Windows-formuläret från verktygslådan enligt nedan
Steg 2) Nästa steg är att faktiskt bifoga en bild till bildrutan. Detta kan göras genom att följa stegen nedan.
- Klicka först på Bildegenskapen för PictureBox-kontrollen. Ett nytt fönster dyker upp.
- I det här fönstret klickar du på knappen Importera. Detta kommer att användas för att bifoga en bild till bildboxens kontroll.
- En dialogruta dyker upp där du kan välja vilken bild du vill bifoga bildboxen
- Klicka på OK-knappen
En som du gör ovanstående ändringar ser du följande utdata
Produktion:-
Från utdata kan du se att en bild visas på formuläret.
Sammanfattning
- Ett Windows-formulär i C # -applikation är en som körs på datorns skrivbord. Visual Studio Form tillsammans med C # kan användas för att skapa ett Windows Forms-program.
- Kontroller kan läggas till i Windows-formulär C # via verktygslådan i Visual Studio. Kontroller som etiketter, kryssrutor, alternativknappar etc. kan läggas till i formuläret via verktygslådan.
- Man kan också använda avancerade kontroller som trädvyskontroll och PictureBox-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 den knappklickade händelsen.