Självstudie: Skapa en Windows Forms-app med .NET

I den här självstudien får du lära dig hur du använder Visual Studio för att skapa en Windows Forms-app. Med Visual Studio lägger du till kontroller i ett formulär och hanterar händelser. I slutet av den här självstudien har du en enkel app som lägger till namn i en listruta.

I den här handledningen kommer du att:

• Skapa en ny Windows Forms-app
• Lägga till kontroller i ett formulär
• Hantera kontrollhändelser för att tillhandahålla appfunktioner
• Kör appen

Förutsättningar

• Visual Studio 2022 version 17.12 eller senare versioner
  • Välj arbetsbelastningen .NET-skrivbordsutveckling
  • Välj den enskilda komponenten .NET 9

Skapa en Windows Forms-app

Det första steget för att skapa en ny app är att öppna Visual Studio och generera appen från en mall.

1. Öppna Visual Studio.

2. Välj Skapa ett nytt projekt.

   

3. I rutan Sök efter mallar skriver du winforms och väntar tills sökresultaten visas.

4. I listrutan för kodspråket, välj C# eller Visual Basic.

5. I listan över mallar väljer du Windows Forms App och sedan Nästa.

   Viktigt!

   Välj inte mallen Windows Forms App (.NET Framework).

   Följande bild visar både C# och Visual Basic .NET-projektmallar. Om du använde kodspråkfiltret visas motsvarande mall.

   

6. I fönstret Konfigurera det nya projektet anger du Projektnamn till Namn och väljer Nästa.

   Du kan också spara projektet i en annan mapp genom att justera sökvägen Plats .

   

7. I fönstret Ytterligare information väljer du slutligen .NET 9.0 (Standard Term Support) för framework-inställningen och väljer sedan Skapa.

   

När appen har genererats bör Visual Studio öppna designerfönstret för standardformuläret Form1. Om formulärdesignern inte visas dubbelklickar du på formuläret i Solution Explorer-fönstret för att öppna designerfönstret.

Viktiga delar av Visual Studio

Stöd för Windows Forms i Visual Studio har fyra viktiga komponenter som du interagerar med när du skapar en app:

1. Solution Explorer

   Alla dina projektfiler, kod, formulär, resurser, visas i det här fönstret.

2. Egenskaper

   Det här fönstret visar egenskapsinställningar som du kan konfigurera baserat på kontexten för det markerade objektet. Om du till exempel väljer ett objekt från Solution Explorer visas inställningar som är relaterade till filen. Om objektet i designern är markerat visas egenskaperna för kontrollen eller formuläret.

3. Formulärdesigner

   Det här är formulärets designer. Det är interaktivt och du kan dra och släppa objekt från Toolbox-. Genom att välja och flytta objekt i designern kan du visuellt skapa användargränssnittet (UI) för din app.

4. Verktygslåda

   Verktygslådan innehåller alla kontroller som du kan lägga till i ett formulär. Om du vill lägga till en kontroll i det aktuella formuläret dubbelklickar du på en kontroll eller drar och släpper kontrollen.

Tips/Råd

Om verktygslådan inte visas kan du visa den via menyalternativet Visa>verktygslåda .

Lägga till kontroller i formuläret

När Formulär1-formulärdesignern är öppen använder du fönstret Verktygslåda för att lägga till följande kontroller i formuläret genom att dra dem från verktygslådan och släppa dem i formuläret:

• Knapp
• Etikett
• Listruta
• Textruta

Placera och ändra storlek på kontrollerna enligt följande bild:

Du kan antingen flytta och ändra storlek på kontrollerna med musen för att matcha föregående bild eller använda följande tabell för att konfigurera varje kontroll. Om du vill konfigurera en kontroll väljer du den i designern och anger sedan lämplig inställning i fönstret Egenskaper . När du konfigurerar formuläret väljer du formulärets namnlist.

Objekt	Inställning	Värde
Etikett	Plats	12, 9
	SMS	Names
Listruta	Namn	lstNames
	Plats	12, 27
	Storlek	120, 94
Textruta	Namn	txtName
	Plats	138, 26
	Storlek	100, 23
knapp	Namn	btnAdd
	Plats	138, 55
	Storlek	100, 23
	SMS	Add Name
Formulär	SMS	Names
	Storlek	268, 180

Hantera händelser

Nu när formuläret har alla kontroller angivna är nästa steg att lägga till händelsehanterare för att svara på användarindata. Gå till formulärdesignern och utför följande steg:

1. Välj knappen Lägg till namn i formuläret.

2. I fönstret Egenskaper väljer du händelseikonen för att visa en lista över händelserna i knappen.

3. Leta upp händelsen Klicka och dubbelklicka på den för att generera en händelsehanterare.

   Den här åtgärden lägger till följande kod i formuläret:

   private void btnAdd_Click(object sender, EventArgs e)
   {
   
   }
   

   Private Sub btnAdd_Click(sender As Object, e As EventArgs) Handles btnAdd.Click
   
   End Sub
   

   Koden för den här hanteraren kommer att lägga till det namn som anges av txtName textrutan i lstNames listrutan. Vi vill dock att det ska finnas två villkor för att lägga till namnet: det angivna namnet får inte vara tomt och namnet får inte redan finnas.

4. Följande kod visar hur du lägger till ett namn i lstNames kontrollen:

   private void btnAdd_Click(object sender, EventArgs e)
   {
       if (!string.IsNullOrWhiteSpace(txtName.Text) && !lstNames.Items.Contains(txtName.Text))
           lstNames.Items.Add(txtName.Text);
   }
   

   Private Sub btnAdd_Click(sender As Object, e As EventArgs) Handles btnAdd.Click
       If Not String.IsNullOrWhiteSpace(txtName.Text) And Not lstNames.Items.Contains(txtName.Text) Then
           lstNames.Items.Add(txtName.Text)
       End If
   End Sub
   

Kör appen

Nu när händelsen har hanterats kör du appen genom att trycka på F5-tangenten eller genom att välja Felsöka>Starta felsökning på menyn. När appen startar visas formuläret och du kan ange ett namn i textrutan och välja knappen.

Relaterat innehåll

• Läs mer om Windows Forms
• Översikt över hur du använder kontroller
• Händelseöversikt