Cum să creați prima aplicație Windows Forms (Winforms) în Visual Studio

Windows Forms este un cadru disponibil în Visual Studio care vă permite să construiți aplicații desktop cu asistența unei interfețe grafice de utilizator. Acest lucru vă permite să faceți clic și să trageți widget-uri, cum ar fi butoane sau etichete, direct pe o pânză și să manipulați proprietățile fiecărui widget, cum ar fi dimensiunea fontului, culoarea sau chenarul acestuia.

În acest articol, un simplu convertor Celsius în Fahrenheit va fi folosit ca exemplu pentru a parcurge elementele de bază despre configurarea unei aplicații Windows Form. Visual Studio 2019 Community Edition este ediția folosită pentru acest tutorial.

Cum se creează proiectul Windows Forms în Visual Studio

Mai întâi, creați proiectul în Visual Studio.

1. Deschideți Visual Studio și selectați Creați un proiect nou.
2. Visual Studio vă va oferi o listă de șabloane de proiect din care puteți alege.
3. Pentru a crea o aplicație Windows Forms, căutați Aplicația Windows Form și selectați-l din lista de șabloane. Odată selectat, faceți clic pe
   instagram viewer
   Următorul.

   Dacă Aplicația Windows Form opțiunea nu este disponibilă pe listă, modificați versiunea instalată de Visual Studio. În Visual Studio Installer, adăugați volumul de lucru de dezvoltare desktop .NET pentru desktop și mobil și relansați Visual Studio.

4. Adăugați un nume și o locație pentru proiect și faceți clic pe Următorul. Locația este directorul în care vor fi stocate fișierele de cod.
5. Pe următorul ecran, păstrați selecția implicită a .NET Core 3.1.
6. Clic Crea.
7. Odată ce Visual Studio a terminat de creat proiectul, proiectul se va deschide.

Cum să adăugați elemente la pânza proiectului

Pânza este zona albă situată în partea din stânga sus a ecranului. Faceți clic și trageți punctele din partea de jos, din dreapta sau din dreapta jos a pânzei pentru a o redimensiona dacă este necesar.

Pentru a crea interfața de utilizare a aplicației, adăugați widget-uri precum butoane sau casete de text pe pânză.

1. Deschide Fila Vizualizare în partea de sus a ferestrei și selectați Trusa de scule.
2. Aceasta va adăuga o casetă de instrumente în partea stângă a aplicației. Selectează pictograma pin în colțul din dreapta sus al casetei de instrumente pentru a-l fixa acolo permanent.
3. Aici puteți trage orice widget din caseta de instrumente pe pânză. Evidențiați un buton din caseta de instrumente și trageți-l pe pânză.
4. Trageți încă două casete de text pe pânză, împreună cu trei etichete (două etichete pentru fiecare casetă de text și o etichetă pentru titlu în partea de sus a aplicației).
5. Fiecare widget de pe pânză are proprietăți asociate acestora. Evidențiați un widget pentru a afișa Proprietăți fereastra din colțul din dreapta jos al Visual Studio, care listează toate proprietățile pe care le are widget-ul. Aceste proprietăți pot include textul, numele, dimensiunea fontului, chenarul sau alinierea widget-ului evidențiat.
6. Momentan, textul de pe aceste widget-uri încă spune eticheta 1, eticheta2, sau butonul 1. Selectează eticheta 1 widget-ul și editați Text proprietate în fereastra de proprietăți pentru a spune „Celsius la Fahrenheit”. Schimbați dimensiunea fontului la 22 pt.
7. În mod similar, editați proprietățile celorlalte widget-uri de pe pânză astfel încât să fie următoarele:

   Widget	Proprietate	Valoare nouă
   eticheta2	Text	Celsius
   eticheta3	Text	Fahrenheit
   buton	Text	calculati
   caseta de text Fahrenheit	Numai citire	Adevărat

Cum să gestionați evenimentele și să scrieți codul în Code-Behind

Widgeturile de pe pânză pot fi legate de evenimente. Evenimentele pot include lucruri precum clic pe un buton, schimbarea textului dintr-o casetă de text sau selectarea unui anumit buton radio. Când se întâmplă aceste evenimente, poate provoca declanșarea unei secțiuni de cod din Code-Behind.

C# este limbajul folosit la crearea formularelor Windows. Dacă nu ați folosit deja C#, Există multe motive practice pentru a învăța programarea C#.

Pentru această aplicație specială, adăugați un eveniment la calculati butonul, pentru a declanșa rularea unei secțiuni de cod atunci când acest buton este apăsat.

1. Faceți dublu clic pe calculati butonul pentru a deschide automat Form1.cs cu o nouă metodă Event:

   private void calculateButton_Click (emițător obiect, EventArgs e)

2. Aici veți adăuga codul care va efectua calculul Celsius la Fahrenheit și va afișa rezultatul în caseta de text Fahrenheit. Pentru a face acest lucru, trebuie să puteți citi valoarea din caseta de text Celsius și să modificați caseta de text Fahrenheit pentru a afișa rezultatul.
3. Reveniți la pânză și reeditați proprietățile așa cum se arată mai sus. De data aceasta, editați Nume proprietate pentru ambele casete de text Celsius și Fahrenheit. Aceste nume pot fi folosite pentru a face referire la casetele de text din cod.

   Widget	Proprietate	Valoare nouă
   Caseta de text Celsius	Nume	CelsiusTextBox
   Caseta de text Fahrenheit	Nume	FahrenheitTextBox

4. Reveniți la funcția calculateButton_Click din Form1.cs.
5. Acum, caseta de text Celsius poate fi menționată în cod folosind numele „celsiusTextBox”. Valoarea Celsius pe care a introdus-o utilizatorul este stocată în proprietatea sa Text. Cu toate acestea, deoarece este un șir, analizați-l într-un dublu pentru a-l include în viitoarele calcule Fahrenheit.

   private void calculateButton_Click (emițător obiect, EventArgs e)
   {
    // Obține valoarea introdusă de utilizator în caseta de text Celsius
    dublu celsiusValue = dublu. Analizați (celsiusTextBox. Text);
   }

6. Variabila celsiusValue stochează acum valoarea pe care utilizatorul a introdus-o în caseta de text Celsius. Formula pentru conversia Celsius în Fahrenheit este (Valoare Celsius * 9 / 5) + 32. Prin urmare, rezultatul poate fi acum calculat și stocat în caseta de text Fahrenheit.

   private void calculateButton_Click (emițător obiect, EventArgs e)
   {
    // Obține valoarea introdusă de utilizator în caseta de text Celsius
    dublu celsiusValue = dublu. Analizați (celsiusTextBox. Text);
    // Aplicați calculul
    rezultat dublu = (celsiusValue * 9 / 5) + 32;
    // Stocați rezultatul în Fahrenheit Textbox
    FahrenheitTextBox. Text = rezultat. ToString();
   }

Cum să rulați și să depanați programul Windows Forms

Rularea programului Windows Forms în Visual Studio

Acum că interfața de utilizare și logica codului sunt configurate, rulați programul pentru a vedea cum funcționează.

1. Pentru a rula programul, selectați săgeata verde din partea de sus a barei de instrumente în Visual Studio.
2. Odată ce proiectul s-a încărcat, adăugați o valoare în caseta de text Celsius și apăsați pe calculati buton. Acest lucru va adăuga rezultatul în caseta de text Fahrenheit.
3. Dacă programul este neclar în timpul rulării, este posibil ca aplicația dvs. să nu fie conștientă de DPI. Acest lucru poate cauza probleme de scalare și rezoluție, așa că va trebui activat. De asemenea, puteți citi mai multe despre configurarea scalării afișajului pe Windows 10 pentru monitoare High-DPI.
4. Faceți clic dreapta pe Proiectul TemperatureConverter în Explorator de soluții. Selectați Adăuga, apoi selectați Articol nou.
5. Căutați fișierul Manifest al aplicației și faceți clic Adăuga.
6. Copiați următorul cod în noul fișier app.manifest, ca un copil al etichetei de asamblare (dacă codul este deja generat, anulați comentariul).

   
   
   Adevărat
   Adevărat
   
   

7. Pentru ca această modificare să intre în vigoare, rulați din nou programul. Selectați butonul roșu de oprire din partea de sus a barei de instrumente, apoi selectați din nou butonul verde de redare.

Depanarea programului Windows Forms

Poate doriți să depanați programul dacă logica aplicației dvs. Windows Forms nu funcționează conform așteptărilor.

1. Navigați înapoi la funcția calculateButton_Click din Form1.cs și faceți clic oriunde pe bara gri din extrema stângă a ecranului. Aceasta va adăuga un punct de întrerupere, care este indicat de un cerc roșu.
2. Apăsați din nou butonul „Calculați” pentru a declanșa executarea acestei metode. Programul se va întrerupe când atinge punctul de întrerupere pentru a afișa toate valorile stocate în variabile în acel moment.
3. Pentru a continua programul, faceți clic pe verde Continua săgeata din partea de sus a barei de instrumente.

Rularea programului folosind un fișier executabil

Dacă nu doriți să rulați programul prin Visual Studio, utilizați fișierul executabil independent pentru program. Acesta este generat automat.

1. Navigați la fișierul executabil, care poate fi găsit aici:

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

2. Faceți clic pe fișierul executabil pentru a rula direct programul.

Adăugarea mai multor în formularul dvs. Windows

Sperăm că acum aveți o înțelegere de bază a structurii de bază a unei aplicații Windows Form. Puteți continua să explorați funcții suplimentare Windows Forms experimentând noi widget-uri și aruncând o privire mai profundă în celelalte evenimente diferite care pot fi gestionate.

Odată ce vă familiarizați mai bine cu Windows Forms, puteți începe să creați aplicații mai complexe. De asemenea, puteți explora multe dintre celelalte moduri în care puteți crea aplicații pe desktopul Windows.

Utilizați Chrome pentru a crea o aplicație Windows 10 de pe orice site web

Citiți în continuare

Despre autor