Ako vytvoriť svoju prvú aplikáciu Windows Forms (Winforms) vo Visual Studio

Windows Forms je rámec dostupný vo Visual Studiu, ktorý vám umožňuje vytvárať desktopové aplikácie s pomocou grafického používateľského rozhrania. To vám umožňuje kliknúť a ťahať widgety, ako sú tlačidlá alebo štítky, priamo na plátno a manipulovať s vlastnosťami každého widgetu, ako je veľkosť písma, farba alebo orámovanie.

V tomto článku sa ako príklad použije jednoduchý prevodník stupňov Celzia na stupne Fahrenheita, ktorý vám pomôže prejsť základmi nastavenia aplikácie Windows Form Application. Visual Studio 2019 Community Edition je vydanie použité pre tento návod.

Ako vytvoriť projekt Windows Forms v programe Visual Studio

Najprv vytvorte projekt vo Visual Studiu.

1. Otvorte Visual Studio a vyberte Vytvorte nový projekt.
2. Visual Studio vám poskytne zoznam projektových šablón, z ktorých si môžete vybrať.
3. Ak chcete vytvoriť aplikáciu Windows Forms, vyhľadajte Aplikácia Windows Form a vyberte ho zo zoznamu šablón. Po výbere kliknite na Ďalšie.

   Ak Aplikácia Windows Form možnosť nie je dostupná v zozname,

   instagram viewer

   upravte nainštalovanú verziu Visual Studio. V inštalačnom programe Visual Studio pridajte pracovnú záťaž .NET desktop development pre Desktop a Mobile a znova spustite Visual Studio.

4. Pridajte názov a umiestnenie projektu a kliknite na Ďalšie. Umiestnenie je adresár, kde budú uložené súbory kódu.
5. Na ďalšej obrazovke ponechajte predvolený výber .NET Core 3.1.
6. Kliknite Vytvorte.
7. Keď Visual Studio dokončí vytváranie projektu, projekt sa otvorí.

Ako pridať prvky na plátno projektu

Plátno je biela oblasť umiestnená v ľavej hornej časti obrazovky. Kliknutím a potiahnutím bodov v spodnej, pravej alebo pravej dolnej časti plátna zmeňte jeho veľkosť, ak je to potrebné.

Ak chcete vytvoriť používateľské rozhranie aplikácie, pridajte na plátno miniaplikácie, ako sú tlačidlá alebo textové polia.

1. Otvor Karta Zobraziť v hornej časti okna a vyberte Toolbox.
2. Tým sa na ľavú stranu aplikácie pridá panel nástrojov. Vyberte ikona špendlíka v pravom hornom rohu panela s nástrojmi, aby ste ho tam natrvalo pripli.
3. Tu môžete presunúť ľubovoľnú miniaplikáciu z panela nástrojov na plátno. Zvýraznite tlačidlo z panela nástrojov a presuňte ho na plátno.
4. Potiahnite na plátno ďalšie dve textové polia spolu s tromi menovkami (dve menovky pre každé textové pole a jedna menovka pre nadpis v hornej časti aplikácie).
5. Každý widget na plátne má priradené vlastnosti. Zvýraznite miniaplikáciu, ktorú chcete zobraziť Vlastnosti okno v pravom dolnom rohu Visual Studio, ktoré obsahuje všetky vlastnosti, ktoré má widget. Tieto vlastnosti môžu zahŕňať text, názov, veľkosť písma, orámovanie alebo zarovnanie zvýraznenej miniaplikácie.
6. V súčasnosti sa v texte na týchto miniaplikáciách stále hovorí štítok1, štítok2, alebo tlačidlo1. Vyberte štítok1 widget a upravte Text vlastnosť v okne vlastností povedať „Celsius to Fahrenheit“. Zmeňte veľkosť písma na 22 bodov.
7. Podobne upravte vlastnosti ostatných miniaplikácií na plátne tak, aby boli nasledovné:

   Widget	Nehnuteľnosť	Nová hodnota
   štítok2	Text	Celzia
   štítok3	Text	Fahrenheita
   tlačidlo	Text	Vypočítajte
   Textové pole Fahrenheita	Iba na čítanie	Pravda

Ako zvládnuť udalosti a písať kód v kóde na pozadí

Widgety na plátne môžu byť viazané na udalosti. Udalosti môžu zahŕňať veci ako kliknutie na tlačidlo, zmena textu v textovom poli alebo výber konkrétneho prepínača. Keď nastanú tieto udalosti, môže to spôsobiť spustenie časti kódu v kóde na pozadí.

C# je jazyk používaný pri vytváraní formulárov Windows. Ak ste ešte nepoužívali C#, existuje veľa praktických dôvodov, prečo sa naučiť programovať v C#.

Pre túto konkrétnu aplikáciu pridajte udalosť do Vypočítajte na spustenie časti kódu po stlačení tohto tlačidla.

1. Dvakrát kliknite na Vypočítajte tlačidlo na automatické otvorenie Form1.cs pomocou novej metódy udalosti:

   private void vypočítaťButton_Click (odosielateľ objektu, EventArgs e)

2. Tu pridáte kód, ktorý vykoná výpočet stupňov Celzia až Fahrenheita, a zobrazí výsledok v textovom poli Fahrenheita. Aby ste to dosiahli, musíte byť schopní prečítať hodnotu z textového poľa Celzia a upraviť textové pole Fahrenheita tak, aby sa zobrazil výsledok.
3. Vráťte sa na plátno a znova upravte vlastnosti, ako je uvedené vyššie. Tentoraz upravte názov vlastnosť pre textové polia Celzia aj Fahrenheita. Tieto názvy možno použiť na odkazovanie na textové polia v kóde.

   Widget	Nehnuteľnosť	Nová hodnota
   Celzia Textové pole	názov	celsiusTextBox
   Textové pole Fahrenheita	názov	FahrenheitTextBox

4. Vráťte sa k funkcii vypočítaťButton_Click v súbore Form1.cs.
5. Teraz je možné v kóde odkazovať na textové pole Celsius pomocou názvu „celsiusTextBox“. Hodnota Celzia, ktorú používateľ zadal, je uložená v jeho vlastnosti Text. Keďže je to však reťazec, analyzujte ho na dvojnásobok, aby ste ho mohli zahrnúť do budúcich výpočtov vo stupňoch Fahrenheita.

   private void vypočítaťButton_Click (odosielateľ objektu, EventArgs e)
   {
    // Získa hodnotu, ktorú používateľ zadal do textového poľa Celzia
    double celsiusValue = Double. Parse (celsiusTextBox. Text);
   }

6. Premenná celsiusValue teraz ukladá hodnotu, ktorú používateľ zadal do textového poľa Celsius. Vzorec na prepočet stupňov Celzia na Fahrenheita je (celziaHodnota * 9 / 5) + 32. Preto je teraz možné vypočítať výsledok a uložiť ho do textového poľa Fahrenheita.

   private void vypočítaťButton_Click (odosielateľ objektu, EventArgs e)
   {
    // Získa hodnotu, ktorú používateľ zadal do textového poľa Celzia
    double celsiusValue = Double. Parse (celsiusTextBox. Text);
    // Použiť výpočet
    dvojitý výsledok = (celziaHodnota * 9 / 5) + 32;
    // Uložte výsledok do textového poľa Fahrenheita
    FahrenheitTextBox. Text = výsledok. Natiahnuť();
   }

Ako spustiť a ladiť program Windows Forms

Spustenie programu Windows Forms vo Visual Studiu

Teraz, keď je používateľské rozhranie a logika kódu nastavené, spustite program, aby ste videli, že funguje.

1. Ak chcete spustiť program, vyberte zelenú šípku v hornej časti panela s nástrojmi vo Visual Studiu.
2. Po načítaní projektu pridajte hodnotu do textového poľa Celzia a stlačte tlačidlo Vypočítajte tlačidlo. Toto pridá výsledok do textového poľa Fahrenheita.
3. Ak je program počas behu rozmazaný, vaša aplikácia pravdepodobne nepozná DPI. To môže spôsobiť problémy s mierkou a rozlíšením, takže to bude potrebné povoliť. Môžete si tiež prečítať viac o konfigurácia škálovania zobrazenia v systéme Windows 10 pre monitory s vysokým rozlíšením.
4. Kliknite pravým tlačidlom myši na Projekt prevodníka teploty v Prieskumník riešení. Vyberte Pridaťa potom vyberte Nová vec.
5. Vyhľadajte súbor manifestu aplikácie a kliknite Pridať.
6. Skopírujte nasledujúci kód do nového súboru app.manifest ako potomka značky montáže (ak je kód už vygenerovaný, zrušte jeho komentár).

   
   
   pravda
   pravda
   
   

7. Aby sa táto zmena prejavila, spustite program znova. Vyberte červené tlačidlo zastavenia v hornej časti panela s nástrojmi a potom znova vyberte zelené tlačidlo prehrávania.

Ladenie programu Windows Forms

Možno budete chcieť ladiť program, ak logika vašej aplikácie Windows Forms nefunguje podľa očakávania.

1. Vráťte sa späť k funkcii vypočítaťButton_Click v Form1.cs a kliknite kdekoľvek na sivú lištu úplne vľavo na obrazovke. Tým sa pridá bod prerušenia, ktorý je označený červeným krúžkom.
2. Opätovným stlačením tlačidla "Vypočítať" spustíte túto metódu. Program sa pozastaví, keď dosiahne bod prerušenia, aby sa zobrazili všetky hodnoty uložené v premenných v tomto bode.
3. Ak chcete pokračovať v programe, kliknite na zelenú ďalej šípka v hornej časti panela s nástrojmi.

Spustenie programu pomocou spustiteľného súboru

Ak nechcete spustiť svoj program cez Visual Studio, použite samostatný spustiteľný súbor programu. Toto sa generuje automaticky.

1. Prejdite na spustiteľný súbor, ktorý nájdete tu:

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

2. Kliknutím na spustiteľný súbor priamo spustíte program.

Pridanie ďalších do formulára Windows

Dúfajme, že teraz máte základné znalosti o základnej štruktúre aplikácie Windows Form Application. Môžete pokračovať v skúmaní ďalších funkcií Windows Forms experimentovaním s novými miniaplikáciami a hlbším ponorom do ďalších rôznych udalostí, ktoré je možné zvládnuť.

Keď sa lepšie zoznámite s Windows Forms, môžete začať vytvárať zložitejšie aplikácie. Môžete tiež preskúmať mnoho ďalších spôsobov vytvárania aplikácií na pracovnej ploche Windows.

O autorovi