Az első Windows Forms (Winforms) alkalmazás létrehozása a Visual Studióban

A Windows Forms a Visual Studioban elérhető keretrendszer, amely lehetővé teszi asztali alkalmazások létrehozását grafikus felhasználói felület segítségével. Ez lehetővé teszi, hogy a widgeteket, például gombokat vagy címkéket közvetlenül a vászonra húzza, és módosítsa az egyes widgetek tulajdonságait, például betűméretét, színét vagy szegélyét.

Ebben a cikkben egy egyszerű Celsius-Fahrenheit konvertert használunk példaként a Windows űrlapalkalmazások beállításának alapjainak áttekintésére. Ebben az oktatóanyagban a Visual Studio 2019 Community Edition kiadása szerepel.

A Windows Forms Project létrehozása a Visual Studióban

Először hozza létre a projektet a Visual Studióban.

1. Nyissa meg a Visual Studio-t, és válassza ki Hozzon létre egy új projektet.
2. A Visual Studio megadja a projektsablonok listáját, amelyek közül választhat.
3. Windows Forms alkalmazás létrehozásához keressen rá Windows Form App és válassza ki a sablonok listájából. Ha ezt kiválasztotta, kattintson a gombra Következő.

   Ha a

   instagram viewer

   Windows Form App opció nem elérhető a listán, módosítsa a Visual Studio telepített verzióját. A Visual Studio Installer alkalmazásban adja hozzá a .NET asztali fejlesztési munkaterhelést az asztali és mobil eszközökhöz, és indítsa újra a Visual Studio alkalmazást.

4. Adja meg a projekt nevét és helyét, majd kattintson a gombra Következő. A hely az a könyvtár, ahol a kódfájlokat tárolni fogják.
5. A következő képernyőn tartsa meg az alapértelmezett .NET Core 3.1-et.
6. Kattintson Teremt.
7. Miután a Visual Studio befejezte a projekt létrehozását, a projekt megnyílik.

Elemek hozzáadása a projektvászonhoz

A vászon a képernyő bal felső sarkában található fehér terület. Kattintson és húzza a vászon alsó, jobb vagy jobb alsó részén található pontokat, hogy szükség esetén átméretezze azt.

Az alkalmazás felhasználói felületének létrehozásához adjon hozzá widgeteket, például gombokat vagy szövegdobozokat a vászonra.

1. Nyissa meg a Nézet lap az ablak tetején, és válassza ki a lehetőséget Eszköztár.
2. Ezzel egy eszköztárat ad hozzá az alkalmazás bal oldalához. Válaszd ki a kitűző ikonra az eszköztár jobb felső sarkában, hogy véglegesen oda rögzítse.
3. Ide húzhat bármilyen widgetet az eszköztárból a vászonra. Jelöljön ki egy gombot az eszköztárból, és húzza a vászonra.
4. Húzzon két további szövegmezőt a vászonra három címkével együtt (két címkét minden szövegdobozhoz, és egy címkét a címhez az alkalmazás tetején).
5. A vásznon minden widgethez vannak társítva tulajdonságok. Jelöljön ki egy widgetet a megjelenítéséhez Tulajdonságok ablak a Visual Studio jobb alsó sarkában, amely felsorolja a widget összes tulajdonságát. Ezek a tulajdonságok tartalmazhatják a kiemelt widget szövegét, nevét, betűméretét, szegélyét vagy igazítását.
6. Jelenleg ezeken a widgeteken a szöveg még mindig azt mondja címke1, címke2, vagy gomb1. Válaszd ki a címke1 widget és szerkessze a Szöveg tulajdonságablakban, hogy azt mondja: „Celsius to Fahrenheit”. Módosítsa a betűméretet 22 pontra.
7. Hasonlóképpen módosítsa a vásznon lévő többi widget tulajdonságait a következőkre:

   Widget	Ingatlan	Új érték
   címke2	Szöveg	Celsius
   címke3	Szöveg	Fahrenheit
   gomb	Szöveg	Kiszámítja
   Fahrenheit szövegdoboz	Csak olvasható	Igaz

Hogyan kezeljük az eseményeket és írjunk kódot a kód mögött

A vásznon lévő widgetek eseményekhez köthetők. Az események magukban foglalhatnak olyan dolgokat, mint egy gombra kattintás, a szövegmezőben lévő szöveg módosítása vagy egy adott rádiógomb kijelölése. Amikor ezek az események megtörténnek, a Code-Behind kód egy része aktiválódhat.

A C# a Windows űrlapok létrehozásakor használt nyelv. Ha még nem használta a C#-ot, sok gyakorlati oka van a C# programozás megtanulásának.

Ehhez a konkrét alkalmazáshoz adjon hozzá egy eseményt a Kiszámítja gombot, hogy elindítsa a kód egy szakaszát a gomb megnyomásakor.

1. Kattintson duplán a Kiszámítja gombot a Form1.cs automatikus megnyitásához egy új Event metódussal:

   privát void számításButton_Click (objektum küldője, EventArgs e)

2. Ide kell hozzáadni a Celsius-Fahrenheit számítást végrehajtó kódot, és megjeleníteni az eredményt a Fahrenheit szövegmezőben. Ehhez be kell tudnia olvasni az értéket a Celsius szövegmezőből, és módosítania kell a Fahrenheit szövegmezőt az eredmény megjelenítéséhez.
3. Menjen vissza a vászonhoz, és szerkessze újra a tulajdonságokat az előzőek szerint. Ezúttal szerkessze a Név tulajdonság mind a Celsius, mind a Fahrenheit szövegmezőkhöz. Ezekkel a nevekkel hivatkozhatunk a kód szövegdobozaira.

   Widget	Ingatlan	Új érték
   Celsius szövegdoboz	Név	celsiusTextBox
   Fahrenheit szövegdoboz	Név	fahrenheitTextBox

4. Térjen vissza a CalcButton_Click függvényhez a Form1.cs-ben.
5. Most a Celsius szövegmezőre a kódban a "celsiusTextBox" névvel hivatkozhatunk. A felhasználó által megadott Celsius-érték a Szöveg tulajdonságában tárolódik. Mivel azonban ez egy karakterlánc, elemezze ezt duplává, hogy belefoglalja a jövőbeni Fahrenheit-számításokba.

   privát void számításButton_Click (objektum küldője, EventArgs e)
   {
    // A felhasználó által a Celsius szövegmezőbe beírt érték lekérése
    double celsiusValue = Dupla. Elemzés (celsiusTextBox. Szöveg);
   }

6. A celsiusValue változó most azt az értéket tárolja, amelyet a felhasználó a Celsius szövegmezőbe írt be. A Celsius Fahrenheitre konvertálásának képlete a következő (celsiusValue * 9/5) + 32. Ezért az eredmény most kiszámítható és tárolható a Fahrenheit szövegdobozban.

   privát void számításButton_Click (objektum küldője, EventArgs e)
   {
    // A felhasználó által a Celsius szövegmezőbe beírt érték lekérése
    double celsiusValue = Dupla. Elemzés (celsiusTextBox. Szöveg);
    // Alkalmazza a számítást
    dupla eredmény = (celsiusValue * 9 / 5) + 32;
    // Tárolja az eredményt a Fahrenheit szövegdobozban
    fahrenheitTextBox. Szöveg = eredmény. ToString();
   }

A Windows Forms program futtatása és hibakeresése

A Windows Forms program futtatása a Visual Studióban

Most, hogy a felhasználói felület és a kódlogika be van állítva, futtassa a programot a működéséhez.

1. A program futtatásához válassza ki a zöld nyilat a Visual Studio eszköztárának tetején.
2. A projekt betöltése után adjon hozzá egy értéket a Celsius szövegmezőbe, és nyomja meg a gombot Kiszámítja gomb. Ez hozzáadja az eredményt a Fahrenheit szövegmezőbe.
3. Ha a program futás közben homályos, akkor valószínűleg az alkalmazás nem ismeri a DPI-t. Ez méretezési és felbontási problémákat okozhat, ezért ezt engedélyezni kell. Erről is olvashat bővebben a kijelző méretezésének konfigurálása Windows 10 rendszeren nagy DPI-s monitorokhoz.
4. Kattintson jobb gombbal a TemperatureConverter projekt ban,-ben Megoldások Explorer. Válassza ki Hozzáadás, majd válassza ki Új elem.
5. Keresse meg az Application Manifest fájlt, és kattintson a gombra Hozzáadás.
6. Másolja a következő kódot az új app.manifest fájlba az assembly címke gyermekeként (ha a kód már elő van állítva, egyszerűen törölje a megjegyzéseket).

   
   
   igaz
   igaz
   
   

7. A módosítás életbe lépéséhez futtassa újra a programot. Válassza ki a piros stop gombot az eszköztár tetején, majd válassza ki ismét a zöld lejátszás gombot.

A Windows Forms program hibakeresése

Érdemes lehet hibakeresést végezni a programban, ha a Windows Forms alkalmazás logikája nem a várt módon működik.

1. Navigáljon vissza a CalcButton_Click függvényhez a Form1.cs-ben, és kattintson bárhová a képernyő bal szélén lévő szürke sávon. Ez hozzáad egy töréspontot, amelyet egy piros kör jelez.
2. Nyomja meg ismét a „Számítás” gombot a módszer végrehajtásához. A program szünetel, amikor eléri a töréspontot, hogy megjelenítse az adott ponton a változókban tárolt összes értéket.
3. A program folytatásához kattintson a zöldre Folytatni nyíl az eszköztár tetején.

A program futtatása végrehajtható fájl használatával

Ha nem a Visual Studión keresztül szeretné futtatni a programot, használja a program önálló futtatható fájlját. Ez automatikusan generálódik.

1. Keresse meg a végrehajtható fájlt, amely itt található:

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

2. Kattintson a végrehajtható fájlra a program közvetlen futtatásához.

Továbbiak hozzáadása a Windows űrlaphoz

Remélhetőleg most már rendelkezik alapvető ismeretekkel a Windows űrlapalkalmazások alapvető felépítéséről. Folytathatja a további Windows Forms-szolgáltatások felfedezését, ha új widgetekkel kísérletezik, és mélyebbre merül a különböző kezelhető eseményekben.

Miután jobban megismerte a Windows Forms alkalmazást, elkezdheti összetettebb alkalmazások létrehozását. Felfedezheti az alkalmazások Windows asztalon történő létrehozásának sok más módját is.

A szerzőről