Kako stvoriti svoju prvu aplikaciju Windows Forms (Winforms) u Visual Studiju

Windows Forms je okvir dostupan u Visual Studiju koji vam omogućuje izradu desktop aplikacija uz pomoć grafičkog korisničkog sučelja. To vam omogućuje da kliknete i povučete widgete kao što su gumbi ili oznake izravno na platno i manipulirate svojstvima svakog widgeta kao što su veličina fonta, boja ili obrub.

U ovom članku, jednostavan pretvarač Celzijusa u Fahrenheit bit će korišten kao primjer za prolazak kroz osnove postavljanja aplikacije Windows Form. Visual Studio 2019 Community Edition je izdanje koje se koristi za ovaj vodič.

Kako stvoriti projekt Windows Forms u Visual Studiju

Prvo kreirajte projekt u Visual Studio.

1. Otvorite Visual Studio i odaberite Napravite novi projekt.
2. Visual Studio će vam pružiti popis predložaka projekta između kojih možete birati.
3. Da biste stvorili aplikaciju Windows Forms, potražite Aplikacija Windows Form i odaberite ga s popisa predložaka. Nakon što je ovo odabrano, kliknite na Sljedeći.

   Ako je Aplikacija Windows Form opcija nije dostupna na popisu,

   instagram viewer

   izmijenite instaliranu verziju Visual Studija. U Visual Studio Installer dodajte radno opterećenje za razvoj stolnih računala .NET za stolna računala i mobilne uređaje i ponovno pokrenite Visual Studio.

4. Dodajte naziv i mjesto za projekt i kliknite na Sljedeći. Mjesto je direktorij u koji će biti pohranjene datoteke koda.
5. Na sljedećem zaslonu zadržite zadani odabir .NET Core 3.1.
6. Klik Stvoriti.
7. Nakon što Visual Studio završi kreiranje projekta, projekt će se otvoriti.

Kako dodati elemente na projektno platno

Platno je bijelo područje koje se nalazi u gornjem lijevom kutu zaslona. Kliknite i povucite točke na donjem, desnom ili donjem desnom dijelu platna da biste mu promijenili veličinu ako je potrebno.

Da biste stvorili korisničko sučelje aplikacije, dodajte widgete kao što su gumbi ili tekstualni okviri na platnu.

1. Otvori Kartica Prikaz na vrhu prozora i odaberite Kutija s alatima.
2. Ovo će dodati alatni okvir na lijevu stranu aplikacije. Odaberite ikona pribadača u gornjem desnom kutu alatne kutije kako biste ga tamo trajno prikvačili.
3. Ovdje možete povući bilo koji widget iz okvira s alatima na platno. Označite gumb iz okvira s alatima i povucite ga na platno.
4. Povucite još dva tekstualna okvira na platno, zajedno s tri oznake (dvije oznake za svaki tekstualni okvir i jedna oznaka za naslov na vrhu aplikacije).
5. Svaki widget na platnu ima svojstva povezana s njima. Označite widget za prikaz Svojstva prozor u donjem desnom kutu Visual Studija, u kojem su navedena sva svojstva koja widget ima. Ova svojstva mogu uključivati ​​tekst, naziv, veličinu fonta, obrub ili poravnanje istaknutog widgeta.
6. Trenutno, tekst na ovim widgetima još uvijek kaže oznaka 1, oznaka2, ili gumb 1. Odaberite oznaka 1 widget i uredite Tekst svojstvo u prozoru sa svojstvima da kažete "Celzius u Fahrenheit". Promijenite veličinu fonta na 22pt.
7. Slično, uredite svojstva ostalih widgeta na platnu kako bi bila sljedeća:

   Widget	Vlasništvo	Nova vrijednost
   oznaka2	Tekst	Celzija
   oznaka3	Tekst	Fahrenheita
   dugme	Tekst	Izračunati
   Tekstni okvir Fahrenheita	Samo za čitanje	Pravi

Kako rukovati događajima i pisati kod u Code-Behind

Widgeti na platnu mogu se vezati uz događaje. Događaji mogu uključivati ​​stvari poput klikanja na gumb, promjene teksta unutar okvira za tekst ili odabira određenog radio gumba. Kada se ti događaji dogode, to može uzrokovati pokretanje dijela koda u Code-Behind.

C# je jezik koji se koristi pri izradi Windows obrazaca. Ako već niste koristili C#, postoji mnogo praktičnih razloga za učenje C# programiranja.

Za ovu konkretnu aplikaciju dodajte događaj u Izračunati gumb za pokretanje dijela koda kada se pritisne ovaj gumb.

1. Dvaput kliknite na Izračunati gumb za automatsko otvaranje Form1.cs novom metodom događaja:

   private voidcalculateButton_Click (pošiljatelj objekta, EventArgs e)

2. Ovdje ćete dodati kod koji će izvesti izračun Celzijusa u Fahrenheit i prikazati rezultat u tekstualnom okviru Fahrenheit. Da biste to učinili, morate biti u mogućnosti pročitati vrijednost iz tekstualnog okvira Celzijusa i izmijeniti tekstualni okvir Fahrenheita da prikaže rezultat.
3. Vratite se na platno i ponovno uredite svojstva kao što je prikazano prije. Ovaj put uredite Ime svojstvo za tekstualne okvire Celzijus i Fahrenheit. Ti se nazivi mogu koristiti za upućivanje na tekstualne okvire u kodu.

   Widget	Vlasništvo	Nova vrijednost
   Tekstni okvir Celzijusa	Ime	celzijTextBox
   Fahrenheit tekstni okvir	Ime	FahrenheitTextBox

4. Vratite se na funkciju CalculateButton_Click u Form1.cs.
5. Sada se tekstualni okvir Celzijusa može pozvati u kodu koristeći naziv "celsiusTextBox". Vrijednost Celzijusa koju je korisnik unio pohranjena je u svojstvo Text. Međutim, budući da je to niz, raščlanite ga u duplikat kako biste ga uključili u buduće Fahrenheitove izračune.

   private voidcalculateButton_Click (pošiljatelj objekta, EventArgs e)
   {
    // Dobiva vrijednost koju je korisnik unio u tekstualni okvir Celzijusa
    double celsiusValue = Dvostruko. Parse (celsiusTextBox. Tekst);
   }

6. Varijabla celsiusValue sada pohranjuje vrijednost koju je korisnik unio u tekstualni okvir za Celzijus. Formula za pretvaranje Celzijusa u Fahrenheit je (CelziusVrijednost * 9/5) + 32. Stoga se rezultat sada može izračunati i pohraniti u Fahrenheit Text Box.

   private voidcalculateButton_Click (pošiljatelj objekta, EventArgs e)
   {
    // Dobiva vrijednost koju je korisnik unio u tekstualni okvir Celzijusa
    double celsiusValue = Dvostruko. Parse (celsiusTextBox. Tekst);
    // Primijeni izračun
    dvostruki rezultat = (celzijeva vrijednost * 9 / 5) + 32;
    // Spremite rezultat u Fahrenheit Textbox
    FahrenheitTextBox. Tekst = rezultat. ToString();
   }

Kako pokrenuti i otkloniti pogreške u programu Windows Forms

Pokretanje programa Windows Forms u Visual Studiju

Sada kada su UI i logika koda postavljeni, pokrenite program da vidite kako radi.

1. Da biste pokrenuli program, odaberite zelenu strelicu na vrhu alatne trake u Visual Studiju.
2. Nakon što se projekt učita, dodajte vrijednost u tekstualni okvir Celzijus i pritisnite Izračunati dugme. Ovo će dodati rezultat u Fahrenheit tekstualni okvir.
3. Ako je program zamagljen tijekom izvođenja, vjerojatno vaša aplikacija nije svjesna DPI-ja. To može uzrokovati probleme s skaliranjem i razlučivanjem, pa će to morati biti omogućeno. Također možete pročitati više o konfiguriranje skaliranja zaslona u sustavu Windows 10 za monitore s visokim DPI.
4. Desnom tipkom miša kliknite na Projekt pretvarača temperature u Solutions Explorer. Odaberi Dodati, zatim odaberite Nova stvar.
5. Potražite datoteku manifesta aplikacije i kliknite Dodati.
6. Kopirajte sljedeći kod u novu datoteku app.manifest, kao podređenu oznaku sklopa (ako je kod već generiran, samo ga poništite komentiranje).

   
   
   pravi
   pravi
   
   

7. Da bi ova promjena stupila na snagu, ponovno pokrenite program. Odaberite crveni gumb za zaustavljanje na vrhu alatne trake, a zatim ponovno odaberite zeleni gumb za reprodukciju.

Otklanjanje pogrešaka u programu Windows Forms

Možda ćete htjeti otkloniti pogreške u programu ako logika vaše aplikacije Windows Forms ne radi kako se očekivalo.

1. Vratite se na funkciju CalculateButton_Click u Form1.cs i kliknite bilo gdje na sivoj traci u krajnjem lijevom dijelu zaslona. Ovo će dodati prijelomnu točku, koja je označena crvenim krugom.
2. Ponovno pritisnite gumb "Izračunaj" kako biste pokrenuli ovu metodu za izvršenje. Program će pauzirati kada dostigne prijelomnu točku kako bi prikazao sve vrijednosti pohranjene u varijablama u toj točki.
3. Za nastavak programa kliknite zeleno Nastaviti strelica na vrhu alatne trake.

Pokretanje programa pomoću izvršne datoteke

Ako ne želite pokrenuti svoj program kroz Visual Studio, upotrijebite samostalnu izvršnu datoteku za program. To se automatski generira.

1. Dođite do izvršne datoteke, koju možete pronaći ovdje:

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

2. Kliknite na izvršnu datoteku kako biste izravno pokrenuli program.

Dodavanje više u vaš Windows obrazac

Nadamo se da sada imate osnovno razumijevanje osnovne strukture aplikacije Windows Form. Možete nastaviti istraživati ​​dodatne značajke sustava Windows Forms tako što ćete eksperimentirati s novim widgetima i dublje zaroniti u druge različite događaje koji se mogu rukovati.

Kada se bolje upoznate sa Windows Forms, možete početi stvarati složenije aplikacije. Također možete istražiti mnoge druge načine na koje možete izraditi aplikacije na radnoj površini sustava Windows.

O autoru