Kuidas luua Visual Studios oma esimene Windowsi vormide (Winforms) rakendus

Windows Forms on Visual Studios saadaolev raamistik, mis võimaldab graafilise kasutajaliidese abil luua töölauarakendusi. See võimaldab teil klõpsata ja lohistada vidinaid (nt nuppe või silte) otse lõuendile ning manipuleerida iga vidina omadustega, nagu fondi suurus, värv või ääris.

Selles artiklis kasutatakse Windowsi vormirakenduse seadistamise põhitõdede läbimiseks näitena lihtsat Celsiuse–Fahrenheiti muundurit. Selle õpetuse jaoks kasutatakse Visual Studio 2019 Community Editioni väljaannet.

Windowsi vormide projekti loomine Visual Studios

Esiteks looge projekt Visual Studios.

1. Avage Visual Studio ja valige Looge uus projekt.
2. Visual Studio pakub teile nimekirja projektimallidest, mille hulgast saate valida.
3. Windowsi vormide rakenduse loomiseks otsige Windowsi vormirakendus ja valige see mallide loendist. Kui see on valitud, klõpsake nuppu Edasi.

   Kui Windowsi vormirakendus valik pole loendis saadaval, muutke oma installitud Visual Studio versiooni. Lisage Visual Studio Installeris .NET-i töölauaarendustöökoormus töölauale ja mobiilile ning käivitage Visual Studio uuesti.

instagram viewer
4. Lisage projektile nimi ja asukoht ning klõpsake nuppu Edasi. Asukoht on kataloog, kuhu koodifailid salvestatakse.
5. Järgmisel ekraanil säilitage vaikevalik .NET Core 3.1.
6. Klõpsake Loo.
7. Kui Visual Studio on projekti loomise lõpetanud, avaneb projekt.

Kuidas projektilõuendile elemente lisada

Lõuend on valge ala, mis asub ekraani vasakus ülanurgas. Vajadusel selle suuruse muutmiseks klõpsake ja lohistage lõuendi allosas, paremal või all paremal asuvaid punkte.

Rakenduse kasutajaliidese loomiseks lisage lõuendile vidinaid, nagu nupud või tekstikastid.

1. Ava Vaade vahekaart akna ülaosas ja valige Tööriistakast.
2. See lisab rakenduse vasakule küljele tööriistakasti. Valige nööpnõela ikoon tööriistakasti paremas ülanurgas, et see sinna jäädavalt kinnitada.
3. Siin saate lohistada mis tahes vidina tööriistakastist lõuendile. Tõstke tööriistakastist esile nupp ja lohistage see lõuendile.
4. Lohistage lõuendile veel kaks tekstikasti koos kolme sildiga (kaks silti iga tekstikasti jaoks ja üks silt pealkirja jaoks rakenduse ülaosas).
5. Igal lõuendil oleval vidinal on nendega seotud atribuudid. Tõstke vidin esile selle kuvamiseks Omadused Visual Studio paremas alanurgas olev aken, kus on loetletud kõik vidina omadused. Need atribuudid võivad sisaldada esiletõstetud vidina teksti, nime, fondi suurust, äärist või joondamist.
6. Hetkel nende vidinate tekst ikka ütleb silt1, silt2, või nupp1. Valige silt1 vidin ja redigeeri Tekst atribuutide aknas, et öelda "Celsius to Fahrenheit". Muutke fondi suuruseks 22pt.
7. Samamoodi muutke lõuendil olevate muude vidinate atribuute järgmiselt.

   Vidin	Kinnisvara	Uus väärtus
   silt2	Tekst	Celsiuse järgi
   silt3	Tekst	Fahrenheiti järgi
   nuppu	Tekst	Arvutama
   Fahrenheiti tekstikast	Loe ainult	Tõsi

Kuidas käsitleda sündmusi ja kirjutada koodi taga olevasse koodi

Lõuendil olevaid vidinaid saab sündmustega siduda. Sündmused võivad hõlmata selliseid asju nagu nupul klõpsamine, tekstikasti teksti muutmine või konkreetse raadionupu valimine. Kui need sündmused juhtuvad, võib see käivitada Code-Behindi koodiosa.

C# on Windowsi vormide loomisel kasutatav keel. Kui te pole veel C#-i kasutanud, C# programmeerimise õppimiseks on palju praktilisi põhjuseid.

Selle konkreetse rakenduse jaoks lisage sündmus Arvutama nuppu, et käivitada selle nupu vajutamisel koodiosa käivitumine.

1. Topeltklõpsake ikooni Arvutama nuppu Form1.cs automaatseks avamiseks uue sündmuse meetodiga:

   privaatne void arvutadaButton_Click (objekti saatja, EventArgs e)

2. Siin lisate koodi, mis arvutab Celsiuse ja Fahrenheiti järgi, ja kuvage tulemuse Fahrenheiti tekstikastis. Selleks peate suutma lugeda Celsiuse tekstikasti väärtust ja tulemuse kuvamiseks muutma Fahrenheiti tekstikasti.
3. Minge tagasi lõuendile ja redigeerige atribuute nagu varem näidatud. Seekord redigeerige Nimi atribuut nii Celsiuse kui ka Fahrenheiti tekstiväljade jaoks. Neid nimesid saab kasutada koodi tekstiväljadele viitamiseks.

   Vidin	Kinnisvara	Uus väärtus
   Celsiuse tekstikast	Nimi	celsiusTextBox
   Fahrenheiti tekstikast	Nimi	fahrenheitTextBox

4. Minge tagasi funktsiooni Calm1.cs juurde arvutadaButton_Click.
5. Nüüd saab Celsiuse tekstikastile koodis viidata nimega "celsiusTextBox". Kasutaja sisestatud Celsiuse väärtus salvestatakse selle atribuudile Text. Kuna see on aga string, sõeluge see kahekordseks, et kaasata see tulevastesse Fahrenheiti arvutustesse.

   privaatne void arvutadaButton_Click (objekti saatja, EventArgs e)
   {
    // Hankige väärtus, mille kasutaja Celsiuse tekstikasti sisestas
    double celsiusValue = Double. Parsi (celsiusTextBox. tekst);
   }

6. Muutuja celsiusValue salvestab nüüd väärtuse, mille kasutaja Celsiuse tekstikasti sisestas. Celsiuse Fahrenheiti teisendamise valem on (celsiusValue * 9/5) + 32. Seetõttu saab nüüd tulemuse arvutada ja Fahrenheiti tekstikasti salvestada.

   privaatne void arvutadaButton_Click (objekti saatja, EventArgs e)
   {
    // Hankige väärtus, mille kasutaja Celsiuse tekstikasti sisestas
    double celsiusValue = Double. Parsi (celsiusTextBox. tekst);
    // Rakendage arvutus
    kahekordne tulemus = (celsiusValue * 9 / 5) + 32;
    // Salvestage tulemus Fahrenheiti tekstikasti
    fahrenheitTextBox. Tekst = tulemus. ToString();
   }

Programmi Windows Forms käivitamine ja silumine

Programmi Windows Forms käivitamine Visual Studios

Nüüd, kui kasutajaliides ja koodiloogika on seadistatud, käivitage programm, et see töötaks.

1. Programmi käivitamiseks valige Visual Studio tööriistariba ülaosas roheline nool.
2. Kui projekt on laaditud, lisage Celsiuse tekstikasti väärtus ja vajutage nuppu Arvutama nuppu. See lisab tulemuse Fahrenheiti tekstikasti.
3. Kui programm on käitusajal udune, ei ole teie rakendus tõenäoliselt DPI-teadlik. See võib põhjustada skaleerimise ja eraldusvõime probleeme, mistõttu tuleb see lubada. Samuti saate rohkem lugeda ekraani skaleerimise konfigureerimine Windows 10-s kõrge DPI-ga monitoride jaoks.
4. Paremklõpsake Temperatuurikonverteri projekt aastal Lahenduste uurija. Valige Lisama, seejärel valige Uus üksus.
5. Otsige üles rakenduse manifesti fail ja klõpsake Lisama.
6. Kopeerige järgmine kood uude faili app.manifest kui montaažisildi alam (kui kood on juba loodud, tühistage see kommentaar).

   
   
   tõsi
   tõsi
   
   

7. Selle muudatuse jõustumiseks käivitage programm uuesti. Valige tööriistariba ülaosas punane stopp-nupp, seejärel valige uuesti roheline esitusnupp.

Windowsi vormide programmi silumine

Kui teie Windows Formsi rakenduse loogika ei tööta ootuspäraselt, võite soovida programmi siluda.

1. Navigeerige vormis Form1.cs tagasi funktsiooni CalculateButton_Click juurde ja klõpsake ekraani vasakpoolses servas asuval hallil ribal. See lisab katkestuspunkti, mida tähistab punane ring.
2. Selle meetodi käivitamiseks vajutage uuesti nuppu "Arvuta". Programm peatub, kui see jõuab murdepunkti, et kuvada kõik sellel hetkel muutujatesse salvestatud väärtused.
3. Programmi jätkamiseks klõpsake rohelist nuppu Jätka nool tööriistariba ülaosas.

Programmi käivitamine käivitatava faili abil

Kui te ei soovi programmi Visual Studio kaudu käivitada, kasutage programmi jaoks eraldiseisvat täitmisfaili. See genereeritakse automaatselt.

1. Liikuge käivitatavale failile, mille leiate siit:

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

2. Programmi otse käivitamiseks klõpsake käivitataval failil.

Windowsi vormi lisamine

Loodetavasti on teil nüüd põhiteadmised Windowsi vormirakenduse põhistruktuurist. Saate jätkata Windowsi vormide täiendavate funktsioonide uurimist, katsetades uusi vidinaid ja sukeldudes sügavamale muudesse sündmustesse, mida saab käsitleda.

Kui olete Windowsi vormidega paremini kursis, võite hakata looma keerukamaid rakendusi. Samuti saate uurida paljusid muid viise, kuidas saate Windowsi töölaual rakendusi luua.

Kasutage Chrome'i Windows 10 rakenduse loomiseks mis tahes veebisaidilt

Loe edasi

Autori kohta