Dela via


Självstudie: Skapa en Windows Forms-app i Visual Studio med C#

I den här självstudien skapar du ett enkelt C#-program som har ett Windows-baserat användargränssnitt (UI). Appen har en knapp som ändrar texten i en etikett. Den här enkla appen har alla komponenter som används för mer komplicerade Forms-program.

  • Skapa ett C#-projekt i Visual Studio
  • Skapa ett program
  • Kör ditt program

Förutsättningar

Skapa ett projekt

Skapa först ett C#-programprojekt. Projekttypen levereras med alla mallfiler som du behöver för att skapa ditt program.

  1. Öppna Visual Studio.

  2. I startfönstret väljer du Skapa ett nytt projekt.

    Skärmbild som visar fönstret Skapa ett nytt projekt.

  3. I Skapa ett nytt projektväljer du mallen Windows Forms App (.NET Framework) för C#.

    Skärmbild som visar Windows Forms App (.NET Framework) för C#.

    Du kan förfina sökningen för att snabbt komma till den mall du vill ha. Ange till exempel Windows Forms App i sökrutan. Välj sedan C# i språklistan och välj sedan Windows från plattformslistan.

  4. I Konfigurera ditt nya projektanger du HelloWorld för Projektnamnoch väljer Skapa.

    Skärmbild som visar fönstret Konfigurera det nya projektet, där du ger projektet namnet HelloWorld.

    Visual Studio öppnar det nya projektet.

  1. Öppna Visual Studio.

  2. I startfönstret väljer du Skapa ett nytt projekt.

    Skärmbild som visar alternativet Skapa ett nytt projekt.

  3. I Skapa ett nytt projektväljer du mallen Windows Forms App (.NET Framework) för C#.

    Du kan förfina sökningen för att snabbt komma till den mall du vill ha. Skriv till exempel Windows Forms App i sökrutan. Välj sedan C# i språklistan och välj sedan Windows i plattformslistan.

    Skärmbild som visar C#-mallen för Windows Forms App (.NET Framework).

  4. I fönstret Konfigurera det nya projektet i Projektnamnanger du HelloWorldoch väljer Skapa.

    Skärmbild som visar fönstret Konfigurera ditt nya projekt för projektet med namnet HelloWorld.

    Visual Studio öppnar det nya projektet.

Skapa programmet

När du har valt C#-projektmallen och namnget projektet öppnar Visual Studio ett formulär åt dig. Ett formulär är ett Windows-användargränssnitt. Skapa ett Hello World-program genom att lägga till kontroller i formuläret. Kör sedan appen .

Lägg till en knapp i formuläret

  1. Välj Verktygslåda för att öppna Toolbox utfällbara fönster.

    Skärmbilden visar alternativet Verktygslåda för att öppna Verktygslådefönstret.

    Om du inte ser alternativet Toolbox kan du öppna det från menyraden. Välj Visa>Toolbox eller Ctrl+Alt+X.

  2. Välj ikonen Nål för att fästa fönstret Toolbox.

    Skärmbild som visar fästikonen som fäster Verktygslådans fönster på IDE.

  3. Välj -knappens-kontroll och dra den sedan till formuläret.

    Skärmbild som visar formuläret med en knapp.

  4. I fönstret Egenskaper letar du upp Text, ändrar namnet från Button1 till Click thisoch väljer sedan Retur.

    Skärmbild som visar var du vill ändra text för knappen i formuläret.

    Om du inte ser fönstret Egenskaper kan du öppna det från menyraden. Välj Visa>egenskapsfönster eller F4.

  5. I avsnittet Design i fönstret Egenskaper ändrar du namnet från Button1 till btnClickThisoch väljer sedan Enter.

    Skärmbild som visar knappens nya namn.

    Notera

    Om du alfabetiserade listan i fönstret Egenskaper visas Button1 i avsnittet (DataBindings) i stället.

Lägga till en etikett i formuläret

När du har lagt till en knappkontroll för att skapa en åtgärd lägger du till en etikettkontroll som du vill skicka text till.

  1. Välj Etikett-kontrollen från Verktygslåda. Dra den sedan till formuläret och släpp det under knappen Klicka på den här.

  2. I antingen avsnittet Design eller (DataBindings) i fönstret Egenskaper ändrar du namnet på Label1 till lblHelloWorld. Välj sedan Ange.

Lägga till kod i formuläret

  1. I fönstret Form1.cs [Design] dubbelklickar du på Klicka här-knappen för att öppna fönstret Form1.cs.

    Du kan också expandera Form1.cs i Solution Exploreroch sedan välja Visa kod eller välja F7 på snabbmenyn på Form1.cs.

  2. I Form1.cs-fönstret skriver eller anger du lblHelloWorld.Text = "Hello World!"; efter raden privat tomrum som du ser på följande skärmbild.

    Skärmbild som visar kodfönstret där du lägger till kod i formuläret.

När du har valt C#-projektmallen och namnget projektet öppnar Visual Studio ett formulär åt dig. Ett formulär är ett Windows-användargränssnitt. Skapa ett Hello World-program genom att lägga till kontroller i formuläret. Kör sedan appen .

Lägg till en knapp i formuläret

  1. Välj Verktygslåda för att öppna det utfällbara fönstret Verktygslåda.

    Skärmbild som visar hur du väljer verktygslådan för att öppna fönstret Verktygslåda.

    Om du inte ser alternativet Toolbox kan du öppna det från menyraden. Välj Visa>Toolbox eller Ctrl+Alt+X.

  2. Expandera Common Controls och välj ikonen Fäst för att docka fönstret Toolbox.

    Skärmbild som visar fästikonen för att fästa fönstret Verktygslåda i IDE.

  3. Välj knappkontrollen och dra den sedan till formuläret.

    Skärmbild som visar formuläret med en knapp som just har lagts till.

  4. I fönstret Egenskaper, leta upp Text. Ändra namnet från knappen 1 till Click thisoch välj sedan Ange.

    Skärmbild som visar fältet Text i fönstret Egenskaper.

    Om du inte ser fönstret Egenskaper kan du öppna det från menyraden. Välj Visa>egenskapsfönster eller F4.

  5. I avsnittet Design i fönstret Egenskaper ändrar du namnet från button1 till btnClickThisoch väljer sedan Enter.

    Skärmbild som visar knappens nya namn.

    Notera

    Om du alfabetiserade listan i fönstret Egenskaper visas knapp1 i avsnittet (DataBindings) i stället.

Lägga till en etikett i formuläret

När du har lagt till en knappkontroll för att skapa en åtgärd lägger du till en etikettkontroll som du vill skicka text till.

  1. Välj kontrollen Etikett från verktygslådan. Dra det sedan till formuläret och släpp det under knappen . Klicka på den här-knappen.

  2. I avsnittet Design eller (DataBindings) i fönstret Egenskaper ändrar du namnet på label1 till lblHelloWorld. Välj sedan Ange.

Lägga till kod i formuläret

  1. I fönstret Form1.cs [Design] dubbelklickar du på knappen Klicka på den här för att öppna fönstret Form1.cs.

    Du kan också expandera Form1.cs i Solution Exploreroch sedan välja Form1.

  2. I Form1.cs-fönstret, efter raden privat void, skriver eller anger du lblHelloWorld.Text = "Hello World!"; som du ser på följande skärmbild.

    Skärmbild som visar var du lägger till kod i formuläret.

Kör programmet

  1. Välj knappen Starta för att köra programmet.

    Skärmbild som visar startknappen för att felsöka och köra appen.

    Flera saker händer. I Visual Studio IDE öppnas fönstret Diagnostikverktyg och ett utdatafönster öppnas också. Men utanför IDE visas dialogrutan Form1. Den innehåller din Klicka på den här-knappen och text som säger Label1.

  2. Välj knappen Klicka på den här i dialogrutan Formulär1. Observera att Label1 text ändras till Hello World!.

    Skärmbild som visar din app, som är en dialogruta i Form1 och innehåller text för Label1.

  3. Stäng dialogrutan Form1 för att sluta köra appen.

  1. Välj knappen Starta för att köra programmet.

    Skärmbild som visar startknappen för att felsöka och köra appen.

    Flera saker händer. I Visual Studio IDE öppnas fönstret Diagnostikverktyg och ett utdatafönster öppnas också. Men utanför IDE visas dialogrutan Form1. Den innehåller din Klicka på den här knappen och text som säger label1.

  2. Välj i dialogrutan Form1 och klicka på den här knappen. Observera att label1 text ändras till Hello World!.

    Skärmbild visar dialogrutan Formulär1 som innehåller knappen och en etikett.

  3. Stäng dialogrutan Form1 för att sluta köra appen.

Grattis till att du har slutfört den här självstudien. Om du vill veta mer fortsätter du med följande självstudie:

Eller prova de här andra självstudierna: