Sådan opretter du din første Windows Forms (Winforms) applikation i Visual Studio

Windows Forms er en ramme tilgængelig i Visual Studio, der giver dig mulighed for at bygge desktop-applikationer ved hjælp af en grafisk brugergrænseflade. Dette giver dig mulighed for at klikke og trække widgets såsom knapper eller etiketter direkte på et lærred og manipulere egenskaberne for hver widget, såsom dens skriftstørrelse, farve eller kant.

I denne artikel vil en simpel Celsius til Fahrenheit-konverter blive brugt som et eksempel til at gennemgå det grundlæggende i, hvordan man opsætter en Windows-formularapplikation. Visual Studio 2019 Community Edition er den udgave, der bruges til dette selvstudie.

Sådan opretter du Windows Forms-projektet i Visual Studio

Først skal du oprette projektet i Visual Studio.

1. Åbn Visual Studio og vælg Opret et nyt projekt.
2. Visual Studio vil give dig en liste over projektskabeloner, du kan vælge imellem.
3. For at oprette en Windows-formularapplikation skal du søge efter Windows Form App og vælg det fra listen over skabeloner. Når dette er valgt, klik på
   instagram viewer
   Næste.

   Hvis Windows Form App mulighed er ikke tilgængelig på listen, ændre din installerede version af Visual Studio. I Visual Studio Installer skal du tilføje .NET-skrivebordsudviklingsarbejdsbelastningen til desktop og mobil, og genstart Visual Studio.

4. Tilføj et navn og en placering for projektet, og klik på Næste. Placeringen er den mappe, hvor kodefilerne vil blive gemt.
5. På den næste skærm skal du beholde standardvalget af .NET Core 3.1.
6. Klik skab.
7. Når Visual Studio er færdig med at oprette projektet, åbnes projektet.

Sådan tilføjer du elementer til projektlærredet

Lærredet er det hvide område øverst til venstre på skærmen. Klik og træk punkterne nederst, til højre eller nederst til højre på lærredet for at ændre størrelsen på det, hvis det er nødvendigt.

For at oprette brugergrænsefladen for applikationen skal du tilføje widgets såsom knapper eller tekstbokse på lærredet.

1. Åbn Fanen Vis øverst i vinduet, og vælg Værktøjskasse.
2. Dette vil tilføje en værktøjskasse til venstre side af applikationen. Vælg pin-ikon øverst til højre i værktøjskassen for at fastgøre den der permanent.
3. Det er her, du kan trække enhver widget fra værktøjskassen til lærredet. Fremhæv en knap fra værktøjskassen, og træk den over på lærredet.
4. Træk yderligere to tekstbokse ind på lærredet sammen med tre etiketter (to etiketter for hver tekstboks og en etiket til titlen øverst i programmet).
5. Hver widget på lærredet har egenskaber tilknyttet. Fremhæv en widget for at vise Ejendomme vindue nederst til højre i Visual Studio, som viser alle de egenskaber, som widgetten har. Disse egenskaber kan omfatte tekst, navn, skriftstørrelse, kant eller justering af den fremhævede widget.
6. I øjeblikket siger teksten på disse widgets stadig etiket 1, etiket2, eller knap 1. Vælg etiket 1 widget og rediger Tekst ejendom i egenskabsvinduet for at sige "Celsius til Fahrenheit". Skift skriftstørrelsen til 22 pkt.
7. På samme måde skal du redigere egenskaberne for de andre widgets på lærredet, så de er følgende:

   Widget	Ejendom	Ny værdi
   etiket2	Tekst	Celsius
   etiket 3	Tekst	Fahrenheit
   knap	Tekst	Beregn
   Fahrenheit tekstboks	Læs kun	Rigtigt

Hvordan man håndterer hændelser og skriver kode i koden bag

Widgets på lærredet kan knyttes til begivenheder. Begivenheder kan omfatte ting som at klikke på en knap, ændre teksten i et tekstfelt eller vælge en bestemt alternativknap. Når disse hændelser sker, kan det få en kodesektion i Code-Behind til at udløses.

C# er det sprog, der bruges ved oprettelse af Windows Forms. Hvis du ikke allerede har brugt C#, der er mange praktiske grunde til at lære C#-programmering.

For denne særlige applikation skal du tilføje en begivenhed til Beregn knap, for at udløse en kodesektion til at køre, når der trykkes på denne knap.

1. Dobbeltklik på Beregn knappen for automatisk at åbne Form1.cs med en ny hændelsesmetode:

   privat void calculateButton_Click (objektafsender, EventArgs e)

2. Det er her, du tilføjer koden, der udfører Celsius til Fahrenheit-beregningen, og viser resultatet i Fahrenheit-tekstboksen. For at gøre dette skal du være i stand til at læse værdien fra Celsius-tekstboksen og ændre Fahrenheit-tekstboksen for at vise resultatet.
3. Gå tilbage til lærredet, og rediger egenskaberne igen som vist før. Denne gang skal du redigere Navn egenskab for både Celsius- og Fahrenheit-tekstboksene. Disse navne kan bruges til at henvise til tekstboksene i koden.

   Widget	Ejendom	Ny værdi
   Celsius tekstboks	Navn	celsiusTextBox
   Fahrenheit tekstboks	Navn	fahrenheitTextBox

4. Gå tilbage til calculateButton_Click-funktionen i Form1.cs.
5. Nu kan Celsius-tekstboksen henvises til i koden ved at bruge navnet "celsiusTextBox". Celsius-værdien, som brugeren indtastede, gemmes i dens tekstegenskab. Men da det er en streng, parse denne til en dobbelt for at inkludere den i fremtidige Fahrenheit-beregninger.

   privat void calculateButton_Click (objektafsender, EventArgs e)
   {
    // Få den værdi, som brugeren indtastede i Celsius-tekstboksen
    dobbelt celsiusVærdi = Dobbelt. Parse (celsiusTextBox. Tekst);
   }

6. CelsiusValue-variablen gemmer nu den værdi, som brugeren indtastede i Celsius-tekstboksen. Formlen for at konvertere Celsius til Fahrenheit er (celsiusVærdi * 9/5) + 32. Derfor kan resultatet nu beregnes og gemmes i Fahrenheit-tekstboksen.

   privat void calculateButton_Click (objektafsender, EventArgs e)
   {
    // Få den værdi, som brugeren indtastede i Celsius-tekstboksen
    dobbelt celsiusVærdi = Dobbelt. Parse (celsiusTextBox. Tekst);
    // Anvend beregningen
    dobbelt resultat = (celsiusVærdi * 9 / 5) + 32;
    // Gem resultatet i Fahrenheit-tekstboksen
    fahrenheitTextBox. Tekst = resultat. ToString();
   }

Sådan kører og fejlfinder du Windows Forms-programmet

Kørsel af Windows Forms-programmet i Visual Studio

Nu hvor brugergrænsefladen og kodelogikken er sat op, skal du køre programmet for at se det virker.

1. For at køre programmet skal du vælge den grønne pil øverst på værktøjslinjen i Visual Studio.
2. Når projektet er indlæst, skal du tilføje en værdi i Celsius-tekstboksen og trykke på Beregn knap. Dette vil tilføje resultatet i tekstboksen Fahrenheit.
3. Hvis programmet er sløret under kørsel, er det sandsynligt, at din applikation ikke er DPI-bevidst. Dette kan forårsage problemer med skalering og opløsning, så dette skal aktiveres. Du kan også læse mere om konfiguration af skærmskalering på Windows 10 til skærme med høj DPI.
4. Højreklik på Temperaturkonverter projekt i Solutions Explorer. Vælg Tilføje, og vælg derefter Ny vare.
5. Søg efter Application Manifest File, og klik Tilføje.
6. Kopiér følgende kode ind i den nye app.manifest-fil som et underordnet assembly-tag (hvis koden allerede er genereret, skal du bare fjerne kommentaren).

   
   
   rigtigt
   rigtigt
   
   

7. For at denne ændring træder i kraft, skal du køre programmet igen. Vælg den røde stopknap øverst på værktøjslinjen, og vælg derefter den grønne afspilningsknap igen.

Fejlretning af Windows Forms-programmet

Du ønsker måske at fejlsøge programmet, hvis logikken i din Windows Forms-applikation ikke fungerer som forventet.

1. Naviger tilbage til calculateButton_Click-funktionen i Form1.cs, og klik hvor som helst på den grå bjælke yderst til venstre på skærmen. Dette vil tilføje et brudpunkt, som er angivet med en rød cirkel.
2. Tryk på knappen "Beregn" igen for at udløse denne metode. Programmet vil pause, når det rammer brudpunktet for at vise alle de værdier, der er gemt i variablerne på det tidspunkt.
3. Klik på den grønne for at fortsætte programmet Blive ved pilen øverst på værktøjslinjen.

Kørsel af programmet ved hjælp af en eksekverbar fil

Hvis du ikke ønsker at køre dit program gennem Visual Studio, skal du bruge den selvstændige eksekverbare fil til programmet. Dette genereres automatisk.

1. Naviger til den eksekverbare fil, som kan findes her:

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

2. Klik på den eksekverbare fil for at køre programmet direkte.

Tilføjelse af mere til din Windows-formular

Forhåbentlig har du nu en grundlæggende forståelse af den grundlæggende struktur af en Windows Form Application. Du kan fortsætte med at udforske yderligere Windows Forms-funktioner ved at eksperimentere med nye widgets og tage et dybere dyk ned i de andre forskellige begivenheder, der kan håndteres.

Når du er mere fortrolig med Windows Forms, kan du begynde at oprette mere komplekse applikationer. Du kan også udforske mange af de andre måder, du kan oprette applikationer på på Windows-skrivebordet.

Brug Chrome til at oprette en Windows 10-app fra ethvert websted

Læs Næste

Om forfatteren