Grafikus C# – Windows Forms tanfolyam › 0.3 lecke

Windows Forms · 0.3 lecke

Visual Studio telepítése Windows Forms fejlesztéshez

Az ablakos programokat a Visual Studio tervezőjében rakjuk össze, ezért ez a fejlesztőkörnyezet kell hozzájuk. A telepítésnél egyetlen dologra kell különösen figyelned: ki kell választanod a .NET desktop development csomagot. Ha ez kimarad, hiába indul el a Visual Studio, Windows Forms projektet nem tudsz létrehozni.

  • kb. 30–45 perc (a letöltéssel)
  • kezdő szint
  • környezet előkészítése
Anime stílusú diák a Visual Studio Installerben a .NET desktop development csomagot telepíti

A lecke végére

  • tudod, miért a Visual Studio kell a Windows Forms fejlesztéshez;
  • érted, mi az a workload (munkaterhelés, feladatcsomag);
  • telepíted a Visual Studiót a .NET desktop development csomaggal;
  • ellenőrzöd, hogy a Windows Forms sablon megvan;
  • meglévő Visual Studióhoz is hozzáadod a hiányzó csomagot;
  • felismered és javítod a leggyakoribb telepítési hibákat.

Mielőtt elkezded

A Windows Forms Windows alatt működik, ezért Windowsos számítógép kell hozzá, internetkapcsolat és a telepítéshez rendszergazdai jogosultság. Az iskolai gépeken ezt a rendszergazdától kell kérni. A Visual Studióból Mac és Linux alatt nem fejleszthetsz Windows Forms programot.

0.2 Konzolprogram és eseményvezérelt alkalmazás →

Visual Studio telepítése (C# alapok) →

Miért Visual Studio, és mi az a workload?

A grafikus programokat nem egy egyszerű szövegszerkesztőben írjuk. A Windows Forms fejlesztésnél a felületet egérrel tervezzük meg: kihúzzuk a gombokat és beviteli mezőket az ablakra, a Visual Studio pedig a háttérben elkészíti hozzájuk a kódot. Ehhez egy teljes fejlesztőkörnyezetre van szükség.

Visual StudioA Microsoft fejlesztőkörnyezete: szerkesztő, tervező, fordító és hibakereső egyben.
Visual Studio InstallerA telepítő és karbantartó program. Ebben választod ki, mit telepítsen a Visual Studio.
WorkloadFeladatcsomag. A Visual Studio sokféle fejlesztésre jó, ezért nem telepít mindent, csak azt, amit kiválasztasz.
.NET desktop developmentAz a csomag, amely a Windows Forms (és a WPF) fejlesztéshez szükséges eszközöket tartalmazza.

És a Visual Studio Code?

A Visual Studio Code egy másik, könnyebb program, amely sok nyelvet támogat, de nincs benne Windows Forms tervező. Nem ugyanaz, mint a Visual Studio, bár a nevük hasonló. A tanfolyamhoz a Visual Studio kell, a Community kiadás pedig oktatási és egyéni használatra ingyenes.

A telepítő letöltése

  1. Nyisd meg a Microsoft hivatalos Visual Studio oldalát (visualstudio.microsoft.com).
  2. Válaszd az ingyenes Community kiadást, és töltsd le a telepítőt. Ha már van Visual Studio a gépeden, előbb ellenőrizd, hogy a szükséges csomag telepítve van-e; ilyenkor nem feltétlenül kell újratelepítened.
  3. Futtasd a letöltött fájlt (például vs_Community.exe), és engedélyezd, ha a Windows rendszergazdai jogosultságot kér.
  4. A telepítő először letölti az alapvető fájlokat, majd megjelenik a Visual Studio Installer ablaka.

Fontos, hogy csak a Microsoft hivatalos oldaláról tölts le telepítőt. Más oldalakról letöltött „telepítők” veszélyesek lehetnek.

A Microsoft Visual Studio letöltési oldala
A Microsoft Visual Studio letöltési oldala. A felület idővel változhat, a Community kiadást keresd.

Te jössz!

Töltsd le a Visual Studio Community telepítőjét, és indítsd el. A következő lépésben a csomagok kiválasztása jön.

A legfontosabb lépés: .NET desktop development

Az Installer Workloads (munkaterhelések) fülén sok csomagot látsz, például webes, Azure-os és Python fejlesztést. Nekünk a Desktop & Mobile csoportban lévő .NET desktop development kell: jelöld be a négyzetét.

A Visual Studio Installer Workloads lapja, ahol a .NET desktop development csomag be van jelölve
A Workloads lapon a .NET desktop development csomagnak bejelölve kell lennie. Ha már pipa van mellette, nincs további teendőd ennél a lépésnél.
Mit kapsz vele?Windows Forms, WPF és konzolalkalmazások fejlesztéséhez szükséges eszközöket, valamint a .NET és a .NET Framework támogatását.
Más csomag kell?Ehhez a tanfolyamhoz nem. Később, ha webes vagy más fejlesztést is szeretnél, bármikor hozzáadhatsz csomagokat.

Ne pipálj be mindent!

Minden további csomag több gigabájt helyet foglal és növeli a telepítés idejét. Ha csak a .NET desktop development csomagot választod, az is elég a tanfolyamhoz.

A telepítés és az első indítás

  1. Jelöld be a .NET desktop development csomagot, és kattints a jobb alsó sarokban az Install gombra.
  2. A telepítés eltarthat egy ideig, a számítógép és az internet sebességétől függően. Közben nyugodtan használhatod a gépet, de ne kapcsold ki.
  3. Ha a telepítő újraindítást kér, indítsd újra a gépet.
  4. Indítsd el a Visual Studiót a Start menüből. Az első indításkor a program bejelentkezést kérhet. Ez nem kötelező, a bejelentkezést kihagyhatod (általában a Skip vagy Not now lehetőséggel).
  5. Válassz színtémát (világosat vagy sötétet), majd kattints a Start Visual Studio gombra.

A Visual Studio több nyelven is telepíthető. A tanfolyamban az angol menü- és gombneveket használjuk, mert a szakmai dokumentációban gyakran ezekkel találkozol. Ha nálad más nyelvű a felület, a menüpontok helye többnyire ugyanaz, csak a felirat térhet el.

A Visual Studio Installer a Visual Studio Community telepítése közben
A Visual Studio Installer telepítés közben.

Ellenőrzés: megvan a Windows Forms sablon?

Mielőtt továbbmennénk, győződj meg róla, hogy a Windows Forms projekt létrehozható. Ezt a sablonok (projektminták) mutatják meg.

  1. A Visual Studio kezdőablakán kattints a Create a new project lehetőségre.
  2. A keresőmezőbe írd be: Windows Forms.
  3. Látnod kell a Windows Forms App sablont. A tanfolyamban ezt, vagyis a sima Windows Forms App sablont használjuk tovább. Gyakran mellette a Windows Forms App (.NET Framework) is megjelenik; a kettő közti különbségről a 0.4 lecke szól.
  4. Ha látod őket, kattints a Cancel vagy a Back lehetőségre. Projektet most még nem kell létrehoznod.
A Visual Studio új projekt ablakában a Windows Forms App sablon láthatóEzt válaszd
A keresésben a felső, sima Windows Forms App sablont válaszd. A .NET Framework változat külön sablon; a következő leckében összehasonlítjuk őket.

Jósolj!

Valaki a telepítéskor csak a webes (ASP.NET) csomagot jelölte be. Mit fog látni, ha a Windows Forms szóra keres az új projekt ablakban?

Jóslat ellenőrzése

Nem fog találni Windows Forms sablont, mert a hozzá tartozó eszközöket a .NET desktop development csomag tartalmazza. Az ASP.NET csomag webes projektekhez való. A megoldás a csomag utólagos hozzáadása, amelyet a következő szakasz mutat meg.

Ha már van Visual Studiód

Ha a C# alapok tanfolyamhoz már telepítetted a Visual Studiót, valószínűleg csak a konzolalkalmazásokhoz szükséges csomag van rajta. Ilyenkor nem kell újratelepíteni, elég a hiányzó csomagot hozzáadni:

  1. Nyisd meg a Start menüből a Visual Studio Installer programot.
  2. A telepített Visual Studio mellett kattints a Modify (Módosítás) gombra.
  3. A Workloads fülön jelöld be a .NET desktop development csomagot.
  4. Kattints a Modify gombra a jobb alsó sarokban, és várd meg, amíg a telepítő végez.

Ez a hiba leggyakoribb megoldása

Ha később bármikor azt tapasztalod, hogy nincs Windows Forms sablon, a Visual Studio Installerben a Modify gombbal pótolhatod a csomagot. Nem kell mindent újrakezdened.

Hol keresd a Modify gombot?

A Visual Studio Installer főablakában, a már telepített Visual Studio kiadás mellett találod a Modify gombot. Ezzel nyithatod meg újra a Workloads nézetet, ahol utólag is hozzáadhatod vagy eltávolíthatod a szükséges csomagokat.

Hibakeresés: te vagy a hibadetektív

Mi a baj, és hogyan javítod?

Minden esetnél gondold végig az okot, és csak utána nyisd le a megoldást.

1. Nincs Windows Forms sablon

A Visual Studio elindul, de az új projekt ablakban nem található Windows Forms sablon.

Ok és javítás

Nincs telepítve a .NET desktop development csomag. Nyisd meg a Visual Studio Installert, kattints a Modify gombra, jelöld be a csomagot, és telepítsd.

2. Mac vagy Linux gép

Valaki Macen vagy Linuxon szeretné követni a tanfolyamot.

Ok és javítás

A Windows Forms Windows alatt fut, és a Visual Studio tervező is Windowshoz készült. Windowsos gépre vagy virtuális gépre van szükséged. A C# alapokat Mac és Linux alatt is gyakorolhatod, a Windows Forms részt viszont Windowson kell végigcsinálnod.

3. A telepítés megáll

A telepítő hibaüzenettel leáll, vagy a letöltés újra és újra elakad.

Ok és javítás

Gyakori okok: kevés a szabad hely a lemezen, megszakadt az internetkapcsolat, vagy a Windows frissítésre vár. Szabadíts fel helyet, ellenőrizd a hálózatot, indítsd újra a gépet, és futtasd újra a telepítőt. A már letöltött részeket általában nem kell újra letölteni.

4. Nincs jogosultság

Az iskolai gépen a telepítő rendszergazdai jelszót kér.

Ok és javítás

A programtelepítéshez rendszergazdai jog kell. Kérd meg az iskola informatikai rendszergazdáját, hogy telepítse a Visual Studiót a .NET desktop development csomaggal. Otthoni gépen ez a saját fiókoddal elvégezhető.

5. Rossz program

Valaki a Visual Studio Code-ot telepítette, és nem találja benne a Windows Forms projektet.

Ok és javítás

A Visual Studio Code és a Visual Studio két különböző program. A Windows Forms tervező a Visual Studióban van. Töltsd le a Visual Studio Community kiadást.

Mini feladat: ellenőrizd a környezetedet

Készítsd el a saját ellenőrzőlistádat. Pipáld ki, ami már megvan, és pótold, ami még hiányzik:

  1. A Visual Studio Community telepítve van, és elindul.
  2. A Visual Studio Installerben a .NET desktop development csomag telepítve van.
  3. Az új projekt ablakban a Windows Forms keresésre megjelenik a sablon.
  4. Tudod, hol találod a Visual Studio Installert, ha később csomagot szeretnél hozzáadni.

Ha mind a négy pont rendben van, a következő leckékben már létrehozhatod az első Windows Forms projektedet.

Gyakorlótár: 6 további feladat

Oldd meg először önállóan a feladatokat, majd nyisd le a megoldást, és ellenőrizd a válaszodat.

1. Igaz vagy hamis?

Döntsd el, melyik állítás igaz vagy hamis!a) A Visual Studio és a C# ugyanaz.b) A Windows Forms fejlesztéséhez a .NET desktop development workloadot is telepíteni kell.c) A Visual Studio Installerrel utólag is hozzáadhatók komponensek.d) A Windows Forms programok Windowson futnak.

Megoldás megnyitása

a) Hamis. A C# programozási nyelv, a Visual Studio fejlesztőkörnyezet.b) Igaz. A .NET desktop development workload tartalmazza a Windows Forms fejlesztéshez szükséges sablonokat és eszközöket.c) Igaz. A Visual Studio Installerben a Modify gombbal később is hozzáadhatsz komponenseket.d) Igaz. A Windows Forms Windows-technológia.

2. Melyik mire való?

Párosítsd a fogalmakat a szerepükkel!1. Visual Studio2. Visual Studio Installer3. workloada) A telepítés és módosítás eszköze.b) Egy fejlesztési területhez tartozó komponenscsomag.c) Az a program, amelyben a kódot írod és a felületet tervezed.

Megoldás megnyitása

1. Visual Studio → c)2. Visual Studio Installer → a)3. workload → b)

3. Nincs Windows Forms sablon

A Visual Studio telepítése után az új projekt létrehozásakor nem találod a Windows Forms App sablont. Mi lehet az ok, és hogyan javítod?

Megoldás megnyitása

Valószínűleg nem telepítetted a .NET desktop development terhelést. Javítás: nyisd meg a Visual Studio Installert, kattints a telepített változat melletti Modify gombra, jelöld be a .NET desktop development terhelést, és indítsd el a módosítást. Utána újra elérhető lesz a sablon.

4. Hogyan ellenőrzöd a telepítést?

Hogyan győződsz meg róla, hogy a gépen minden megvan a Windows Forms fejlesztéshez? Írj legalább két ellenőrző lépést.

Megoldás megnyitása

1. A Visual Studio Installerben ellenőrzöd, hogy a .NET desktop development workload be van-e jelölve.2. A Visual Studióban a Create a new project keresőjébe beírod: Windows Forms, és megnézed, megjelenik-e a Windows Forms App sablon.

Extra feladat – ha már magabiztos vagy

5. Mac-en dolgozó csoporttárs

A csoporttársad Mac-et használ. Mit tud tenni, hogy részt vegyen a Windows Forms tanfolyamon? Gondolj legalább két lehetőségre, és indokold, miért nem elég egy sima telepítés.

Megoldás megnyitása

A Windows Forms Windows-technológia, ezért a programok csak Windowson futnak, és a tervezőeszköz is a Windows-os Visual Studióban érhető el. Lehetséges megoldások:1. Windows futtatása virtuális gépben vagy más Windows-alapú környezetben, ha a gép és a licenc ezt lehetővé teszi.2. Iskolai vagy más Windowsos számítógép használata.3. Felhőben elérhető Windowsos fejlesztői környezet használata.A pontos lehetőségek a gép típusától és az intézményi szabályoktól függenek.

6. Készíts telepítési ellenőrzőlistát

Írj egy rövid ellenőrzőlistát egy osztálytársnak: mit kell végigcsinálnia a telepítésnél, és mit kell kipróbálnia a végén?

Megoldás megnyitása

1. Telepítés előtt: legyen Windowsos géped, elég szabad helyed és internetkapcsolatod.2. Telepítés közben: jelöld be a .NET desktop development workloadot.3. A végén: indítsd el a Visual Studiót, majd a Create a new project keresőjében ellenőrizd, hogy megjelenik-e a Windows Forms App sablon.4. Ha valami hiányzik: nyisd meg a Visual Studio Installert, és a Modify gombbal pótold a szükséges komponenst.

Gyors önellenőrzés

Próbáld meg a választ fejben megadni, és csak utána nyisd le.

1. Mi az a workload?

A Visual Studio telepítésének egy csomagja, amely egy fejlesztési területhez, például a Windows Forms fejlesztéshez szükséges eszközöket tartalmazza.

2. Melyik csomagot kell kiválasztani a Windows Forms fejlesztéshez?

A .NET desktop development csomagot.

3. Hogyan ellenőrizheted, hogy a telepítés sikeres volt?

A Create a new project ablakban rákeresel a Windows Forms szóra: ha megjelenik a Windows Forms App sablon, minden rendben van.

4. Mit teszel, ha a Windows Forms sablon hiányzik?

Megnyitod a Visual Studio Installert, a Modify gombbal hozzáadod a .NET desktop development csomagot, és telepíted.

5. Miben különbözik a Visual Studio és a Visual Studio Code?

Két külön program. A Windows Forms tervező a Visual Studióban érhető el, a Visual Studio Code-ban nem.

Mit tudsz már?

  • Tudod, miért a Visual Studio kell a Windows Forms fejlesztéshez.
  • Érted, mi az a workload.
  • Telepítetted a .NET desktop development csomagot.
  • Ellenőrizted, hogy a Windows Forms sablon megvan.
  • Tudod, hogyan pótolhatsz utólag egy hiányzó csomagot.

Szakmai forrás: Microsoft Learn – A Visual Studio telepítése. A telepítő felülete a Visual Studio verziójától függően kisebb részletekben eltérhet.

Következő lecke: két Windows Forms sablon

A környezet készen áll. A következő leckében megnézzük, mi a különbség a Windows Forms App (.NET) és a Windows Forms App (.NET Framework) sablon között, és melyiket érdemes választanod.