Hur du skapar din första Windows Forms (Winforms)-applikation i Visual Studio

Windows Forms är ett ramverk tillgängligt i Visual Studio som låter dig bygga skrivbordsapplikationer med hjälp av ett grafiskt användargränssnitt. Detta gör att du kan klicka och dra widgets som knappar eller etiketter direkt till en arbetsyta och manipulera egenskaperna för varje widget som dess teckensnittsstorlek, färg eller kant.

I den här artikeln kommer en enkel Celsius till Fahrenheit-omvandlare att användas som ett exempel för att gå igenom grunderna för hur man ställer in en Windows-formulärapplikation. Visual Studio 2019 Community Edition är den utgåva som används för denna handledning.

Hur man skapar Windows Forms Project i Visual Studio

Skapa först projektet i Visual Studio.

1. Öppna Visual Studio och välj Skapa ett nytt projekt.
2. Visual Studio kommer att ge dig en lista med projektmallar som du kan välja mellan.
3. För att skapa en Windows Forms Application, sök efter Windows Form App och välj den från listan med mallar. När detta är valt, klicka på Nästa.

   Om Windows Form App alternativet är inte tillgängligt på listan,

   instagram viewer

   ändra din installerade version av Visual Studio. I Visual Studio Installer, lägg till arbetsbelastningen för .NET-skrivbordsutveckling för stationära och mobila enheter och starta om Visual Studio.

4. Lägg till ett namn och en plats för projektet och klicka på Nästa. Platsen är katalogen där kodfilerna kommer att lagras.
5. På nästa skärm, behåll standardvalet för .NET Core 3.1.
6. Klick Skapa.
7. När Visual Studio har skapat klart projektet öppnas projektet.

Hur man lägger till element till projektduken

Duken är det vita området som finns längst upp till vänster på skärmen. Klicka och dra punkterna längst ned, till höger eller längst ner till höger på duken för att ändra storlek på den om det behövs.

För att skapa gränssnittet för applikationen, lägg till widgets som knappar eller textrutor på arbetsytan.

1. Öppna Fliken Visa högst upp i fönstret och välj Verktygslåda.
2. Detta kommer att lägga till en verktygslåda till vänster i programmet. Välj nålikon uppe till höger i verktygslådan för att fästa den där permanent.
3. Det är här du kan dra valfri widget från verktygslådan till arbetsytan. Markera en knapp från verktygslådan och dra den till arbetsytan.
4. Dra ytterligare två textrutor till duken, tillsammans med tre etiketter (två etiketter för varje textruta och en etikett för titeln högst upp i programmet).
5. Varje widget på arbetsytan har egenskaper kopplade till dem. Markera en widget för att visa Egenskaper fönster längst ned till höger i Visual Studio, som listar alla egenskaper som widgeten har. Dessa egenskaper kan inkludera text, namn, teckenstorlek, ram eller justering av den markerade widgeten.
6. För närvarande säger texten på dessa widgets fortfarande etikett1, etikett2, eller knapp 1. Välj etikett1 widget och redigera Text egenskap i egenskapsfönstret för att säga "Celsius till Fahrenheit". Ändra teckenstorleken till 22 pkt.
7. Redigera på samma sätt egenskaperna för de andra widgetarna på arbetsytan så att de blir följande:

   Widget	Fast egendom	Nytt värde
   etikett2	Text	Celsius
   etikett3	Text	Fahrenheit
   knapp	Text	Beräkna
   Fahrenheit textruta	Endast läs	Sann

Hur man hanterar händelser och skriver kod i koden bakom

Widgets på duken kan kopplas till händelser. Händelser kan inkludera saker som att klicka på en knapp, ändra texten i en textruta eller välja en viss alternativknapp. När dessa händelser inträffar kan det göra att en kodavsnitt i koden bakom utlöses.

C# är språket som används när man skapar Windows Forms. Om du inte redan har använt C#, det finns många praktiska skäl att lära sig C#-programmering.

För just den här applikationen, lägg till en händelse i Beräkna knappen för att utlösa en kodsektion som körs när den här knappen trycks ned.

1. Dubbelklicka på Beräkna knappen för att automatiskt öppna Form1.cs med en ny händelsemetod:

   privat void calculateButton_Click (objektavsändare, EventArgs e)

2. Det är här du lägger till koden som utför beräkningen Celsius till Fahrenheit och visar resultatet i textrutan Fahrenheit. För att göra detta måste du kunna läsa värdet från Celsius-textrutan och ändra Fahrenheit-textrutan för att visa resultatet.
3. Gå tillbaka till arbetsytan och redigera om egenskaperna som visas tidigare. Den här gången, redigera namn egenskap för både Celsius- och Fahrenheit-textrutorna. Dessa namn kan användas för att referera till textrutorna i koden.

   Widget	Fast egendom	Nytt värde
   Celsius textruta	namn	celsiusTextBox
   Fahrenheit textruta	namn	fahrenheitTextBox

4. Gå tillbaka till calculateButton_Click-funktionen i Form1.cs.
5. Nu kan Celsius-textrutan hänvisas till i koden med namnet "celsiusTextBox". Celsiusvärdet som användaren angav lagras i dess Text-egenskap. Men eftersom det är en sträng, analysera detta till en dubbel för att inkludera den i framtida Fahrenheit-beräkningar.

   privat void calculateButton_Click (objektavsändare, EventArgs e)
   {
    // Få värdet som användaren skrev in i Celsius-textrutan
    dubbel celsiusValue = Dubbel. Parse (celsiusTextBox. Text);
   }

6. Variabeln celsiusValue lagrar nu värdet som användaren angav i Celsius-textrutan. Formeln för att konvertera Celsius till Fahrenheit är (celsiusVärde * 9/5) + 32. Därför kan resultatet nu beräknas och lagras i Fahrenheit-textrutan.

   privat void calculateButton_Click (objektavsändare, EventArgs e)
   {
    // Få värdet som användaren skrev in i Celsius-textrutan
    dubbel celsiusValue = Dubbel. Parse (celsiusTextBox. Text);
    // Tillämpa beräkningen
    dubbelt resultat = (celsiusValue * 9 / 5) + 32;
    // Lagra resultatet i textrutan Fahrenheit
    fahrenheitTextBox. Text = resultat. Att stränga();
   }

Hur man kör och felsöker Windows Forms-programmet

Kör Windows Forms-programmet i Visual Studio

Nu när användargränssnittet och kodlogiken är inställd, kör programmet för att se att det fungerar.

1. För att köra programmet, välj den gröna pilen högst upp i verktygsfältet i Visual Studio.
2. När projektet har laddats, lägg till ett värde i Celsius-textrutan och tryck på Beräkna knapp. Detta kommer att lägga till resultatet i textrutan Fahrenheit.
3. Om programmet är suddigt under körning är det troligt att din applikation inte är DPI-medveten. Detta kan orsaka skalnings- och upplösningsproblem, så detta måste aktiveras. Du kan också läsa mer om konfigurera bildskärmsskalning på Windows 10 för bildskärmar med hög DPI.
4. Högerklicka på Temperaturomvandlarprojekt i Solutions Explorer. Välj Lägg till, välj sedan Nytt föremål.
5. Sök efter Application Manifest File och klicka Lägg till.
6. Kopiera följande kod till den nya app.manifest-filen, som ett underordnat av assembly-taggen (om koden redan är genererad, avmarkera den bara).

   
   
   Sann
   Sann
   
   

7. För att denna ändring ska träda i kraft, kör programmet igen. Välj den röda stoppknappen högst upp i verktygsfältet och välj sedan den gröna uppspelningsknappen igen.

Felsökning av Windows Forms-programmet

Du kanske vill felsöka programmet om logiken i din Windows Forms-applikation inte fungerar som förväntat.

1. Navigera tillbaka till calculateButton_Click-funktionen i Form1.cs och klicka var som helst på det grå fältet längst till vänster på skärmen. Detta kommer att lägga till en brytpunkt, som indikeras av en röd cirkel.
2. Tryck på knappen "Beräkna" igen för att utlösa denna metod. Programmet pausar när det når brytpunkten för att visa alla värden som är lagrade i variablerna vid den punkten.
3. För att fortsätta programmet, klicka på den gröna Fortsätta pilen överst i verktygsfältet.

Köra programmet med en körbar fil

Om du inte vill köra ditt program genom Visual Studio, använd den fristående körbara filen för programmet. Detta genereras automatiskt.

1. Navigera till den körbara filen, som finns här:

   /bin/Debug/netcoreapp3.1/TemperatureConverter.exe

2. Klicka på den körbara filen för att köra programmet direkt.

Lägga till mer i ditt Windows-formulär

Förhoppningsvis har du nu en grundläggande förståelse för den grundläggande strukturen för en Windows Form Application. Du kan fortsätta utforska ytterligare Windows Forms-funktioner genom att experimentera med nya widgets och ta en djupare dykning i de andra olika händelserna som kan hanteras.

När du är mer bekant med Windows Forms kan du börja skapa mer komplexa applikationer. Du kan också utforska många av de andra sätten du kan skapa program på skrivbordet i Windows.

Om författaren