Kuinka luoda ensimmäinen Windows Forms (Winforms) -sovellus Visual Studiossa

Windows Forms on Visual Studiossa saatavilla oleva kehys, jonka avulla voit rakentaa työpöytäsovelluksia graafisen käyttöliittymän avulla. Tämän avulla voit napsauttaa ja vetää widgetejä, kuten painikkeita tai tarroja, suoraan kankaalle ja muokata kunkin widgetin ominaisuuksia, kuten sen fonttikokoa, väriä tai reunusta.

Tässä artikkelissa yksinkertaista Celsius-Fahrenheit-muunninta käytetään esimerkkinä, jolla käydään läpi Windows-lomakesovelluksen määrittämisen perusteet. Visual Studio 2019 Community Edition on tässä opetusohjelmassa käytetty versio.

Windows Forms -projektin luominen Visual Studiossa

Luo ensin projekti Visual Studiossa.

1. Avaa Visual Studio ja valitse Luo uusi projekti.
2. Visual Studio tarjoaa sinulle luettelon projektimalleista, joista voit valita.
3. Luo Windows Forms -sovellus etsimällä Windows Form -sovellus ja valitse se malliluettelosta. Kun tämä on valittu, napsauta Seuraava.

   Jos Windows Form -sovellus vaihtoehto ei ole saatavilla luettelossa, muokata asennettua Visual Studion versiota

   instagram viewer

   . Lisää Visual Studio Installerissa .NET-työpöytäkehitystyökuormitus Desktopille ja Mobilelle ja käynnistä Visual Studio uudelleen.

4. Lisää projektille nimi ja sijainti ja napsauta Seuraava. Sijainti on hakemisto, johon kooditiedostot tallennetaan.
5. Säilytä seuraavassa näytössä oletusvalinta .NET Core 3.1.
6. Klikkaus Luoda.
7. Kun Visual Studio on luonut projektin, projekti avautuu.

Kuinka lisätä elementtejä projektikankaalle

Kanvas on valkoinen alue, joka sijaitsee näytön vasemmassa yläkulmassa. Napsauta ja vedä kankaan alareunassa, oikealla tai alaoikealla olevia pisteitä muuttaaksesi sen kokoa tarvittaessa.

Luo sovelluksen käyttöliittymä lisäämällä widgetejä, kuten painikkeita tai tekstiruutuja, kankaalle.

1. Avaa Näytä-välilehti ikkunan yläosassa ja valitse Työkalulaatikko.
2. Tämä lisää työkalulaatikon sovelluksen vasemmalle puolelle. Valitse pin-kuvake työkalulaatikon oikeassa yläkulmassa kiinnittääksesi sen siihen pysyvästi.
3. Täällä voit vetää minkä tahansa widgetin työkalulaatikosta kankaalle. Korosta painike työkalulaatikosta ja vedä se kankaalle.
4. Vedä kaksi muuta tekstiruutua kankaalle sekä kolme tarraa (kaksi tarraa jokaiselle tekstiruudulle ja yksi otsikko sovelluksen yläosassa).
5. Jokaisella kankaalla olevalla widgetillä on niihin liittyviä ominaisuuksia. Korosta widget näyttääksesi sen Ominaisuudet Visual Studion oikeassa alakulmassa oleva ikkuna, jossa luetellaan kaikki widgetin ominaisuudet. Näitä ominaisuuksia voivat olla korostetun widgetin teksti, nimi, kirjasinkoko, reunus tai tasaus.
6. Tällä hetkellä näiden widgetien tekstissä sanotaan edelleen etiketti1, etiketti2, tai painike 1. Valitse etiketti1 widget ja muokkaa Teksti ominaisuusikkunassa sanomaan "Celsius to Fahrenheit". Muuta kirjasinkooksi 22 pt.
7. Muokkaa samalla tavalla kankaalla olevien muiden widgetien ominaisuuksia seuraavasti:

   Widget	Omaisuus	Uusi arvo
   etiketti2	Teksti	Celsius
   etiketti3	Teksti	Fahrenheit
   -painiketta	Teksti	Laskea
   Fahrenheit-tekstilaatikko	Lue ainoastaan	Totta

Tapahtumien käsittely ja koodin kirjoittaminen koodin taakse

Kankaan widgetit voidaan liittää tapahtumiin. Tapahtumat voivat sisältää esimerkiksi painikkeen napsauttamista, tekstiruudun tekstin vaihtamista tai tietyn valintanapin valitsemista. Kun nämä tapahtumat tapahtuvat, se voi laukaista Code-Behindin koodiosan.

C# on kieli, jota käytetään luotaessa Windows Forms. Jos et ole vielä käyttänyt C#:a, on monia käytännön syitä oppia C#-ohjelmointia.

Lisää tapahtuma tälle tietylle sovellukselle Laskea -painiketta, jos haluat käynnistää koodin osan, kun tätä painiketta painetaan.

1. Kaksoisnapsauta Laskea -painiketta avataksesi Form1.csin automaattisesti uudella tapahtumamenetelmällä:

   yksityinen void laskeaButton_Click (objektin lähettäjä, EventArgs e)

2. Tähän voit lisätä koodin, joka suorittaa Celsius-Fahrenheit-laskennan ja näyttää tuloksen Fahrenheit-tekstikentässä. Tätä varten sinun on voitava lukea Celsius-tekstiruudun arvo ja muokata Fahrenheit-tekstiruutua tulosten näyttämiseksi.
3. Palaa kankaalle ja muokkaa ominaisuuksia uudelleen kuten edellä. Muokkaa tällä kertaa Nimi ominaisuus sekä Celsius- että Fahrenheit-tekstilaatikoille. Näitä nimiä voidaan käyttää viittaamaan koodin tekstiruutuihin.

   Widget	Omaisuus	Uusi arvo
   Celsius-tekstilaatikko	Nimi	celsiusTextBox
   Fahrenheit-tekstilaatikko	Nimi	fahrenheitTextBox

4. Palaa Form1.cs: n CalculateButton_Click-funktioon.
5. Nyt Celsius-tekstiruutuun voidaan viitata koodissa nimellä "celsiusTextBox". Käyttäjän antama Celsius-arvo tallennetaan sen Text-ominaisuuteen. Koska se on kuitenkin merkkijono, jäsennä tämä kaksoiskappaleeksi, jotta se sisällytetään tuleviin Fahrenheit-laskelmiin.

   yksityinen void laskeaButton_Click (objektin lähettäjä, EventArgs e)
   {
    // Hanki arvo, jonka käyttäjä syötti Celsius-tekstiruutuun
    double celsiusValue = Double. Jäsennys (celsiusTextBox. Teksti);
   }

6. CelsiusValue-muuttuja tallentaa nyt arvon, jonka käyttäjä on kirjoittanut Celsius-tekstiruutuun. Kaava celsiusasteiden muuttamiseksi Fahrenheitiksi on (celsiusValue * 9/5) + 32. Siksi tulos voidaan nyt laskea ja tallentaa Fahrenheit-tekstiruutuun.

   yksityinen void laskeaButton_Click (objektin lähettäjä, EventArgs e)
   {
    // Hanki arvo, jonka käyttäjä syötti Celsius-tekstiruutuun
    double celsiusValue = Double. Jäsennys (celsiusTextBox. Teksti);
    // Käytä laskelmaa
    kaksinkertainen tulos = (celsiusArvo * 9 / 5) + 32;
    // Tallenna tulos Fahrenheit-tekstilaatikkoon
    fahrenheitTextBox. Teksti = tulos. ToString();
   }

Windows Forms -ohjelman suorittaminen ja virheenkorjaus

Windows Forms -ohjelman suorittaminen Visual Studiossa

Nyt kun käyttöliittymä ja koodilogiikka on määritetty, suorita ohjelma nähdäksesi sen toimivan.

1. Suorita ohjelma valitsemalla Visual Studion työkalupalkin yläosassa oleva vihreä nuoli.
2. Kun projekti on ladattu, lisää arvo Celsius-tekstiruutuun ja paina Laskea -painiketta. Tämä lisää tuloksen Fahrenheit-tekstiruutuun.
3. Jos ohjelma on epäselvä ajon aikana, sovelluksesi ei todennäköisesti ole tietoinen DPI: stä. Tämä voi aiheuttaa skaalaus- ja resoluutioongelmia, joten tämä on otettava käyttöön. Voit myös lukea lisää aiheesta näytön skaalauksen määrittäminen Windows 10:ssä High-DPI-näytöille.
4. Napsauta hiiren kakkospainikkeella TemperatureConverter projekti in Solutions Explorer. Valitse Lisätäja valitse sitten Uusi kohde.
5. Etsi Application Manifest -tiedosto ja napsauta Lisätä.
6. Kopioi seuraava koodi uuteen app.manifest-tiedostoon kokoonpanotunnisteen aliversioksi (jos koodi on jo luotu, poista sen kommentti).

   
   
   totta
   totta
   
   

7. Jotta tämä muutos tulee voimaan, suorita ohjelma uudelleen. Valitse punainen pysäytyspainike työkalupalkin yläosassa ja valitse sitten vihreä toistopainike uudelleen.

Windows Forms -ohjelman virheenkorjaus

Voit halutessasi tehdä ohjelman virheenkorjauksen, jos Windows Forms -sovelluksesi logiikka ei toimi odotetulla tavalla.

1. Siirry takaisin CalculateButton_Click-funktioon Form1.cs: ssä ja napsauta mitä tahansa harmaata palkkia näytön vasemmassa reunassa. Tämä lisää keskeytyskohdan, joka on merkitty punaisella ympyrällä.
2. Paina "Laske" -painiketta uudelleen käynnistääksesi tämän menetelmän. Ohjelma pysähtyy, kun se osuu keskeytyskohtaan näyttääkseen kaikki muuttujiin sillä hetkellä tallennetut arvot.
3. Jatka ohjelmaa napsauttamalla vihreää Jatkaa nuoli työkalupalkin yläosassa.

Ohjelman suorittaminen suoritettavan tiedoston avulla

Jos et halua suorittaa ohjelmaa Visual Studion kautta, käytä ohjelman erillistä suoritettavaa tiedostoa. Tämä luodaan automaattisesti.

1. Siirry suoritettavaan tiedostoon, joka löytyy täältä:

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

2. Napsauta suoritettavaa tiedostoa suorittaaksesi ohjelman suoraan.

Lisää Windows-lomakkeeseen

Toivottavasti sinulla on nyt perusymmärrys Windows-lomakesovelluksen perusrakenteesta. Voit jatkaa Windows Formsin lisäominaisuuksien tutkimista kokeilemalla uusia widgetejä ja sukeltamalla syvemmälle muihin käsiteltäviin tapahtumiin.

Kun olet perehtynyt Windows Formsiin paremmin, voit aloittaa monimutkaisempien sovellusten luomisen. Voit myös tutkia monia muita tapoja, joilla voit luoda sovelluksia Windowsin työpöydällä.

Kirjailijasta