Oktatóanyag: Képmegjelenítő létrehozása Windows Forms-alkalmazás (.NET-keretrendszer)

Ebben a három oktatóanyagból álló sorozatban létrehoz egy Windows Forms-alkalmazást, amely betölt egy képet, és megjeleníti azt. A Visual Studio integrált tervezési környezet (IDE) biztosítja az alkalmazás létrehozásához szükséges eszközöket.

Ebben az első oktatóanyagban megtanulhatja, hogyan:

• Windows Formst használó Visual Studio-projekt létrehozása
• Elrendezési elem hozzáadása
• Az alkalmazás futtatása

Ha új Windows Forms-alkalmazást szeretne létrehozni a .NET-tel, kövesse az oktatóanyagot: Windows Forms-alkalmazás létrehozása a .NET segítségével. További információt a Windows Forms .NET asztali útmutatójában talál.

Előfeltételek

• Az oktatóanyag elvégzéséhez a Visual Studióra van szüksége. Az ingyenes verzióért látogasson el a Visual Studio letöltési oldalára.
• A .NET asztali fejlesztési feladatkészlet. Ha ellenőrizni vagy telepíteni szeretné ezt a számítási feladatot a Visual Studióban, válassza az Eszközök>Eszközök és szolgáltatások lekéréselehetőséget. Számítási feladatok vagy egyes összetevők módosítása: További információ.

A Windows Forms-projekt létrehozása

Képmegjelenítő létrehozásakor az első lépés egy Windows Forms-alkalmazásprojekt létrehozása.

1. Nyissa meg a Visual Studiót.

2. A kezdési ablakban válassza Új projekt létrehozásalehetőséget.

   

3. Az Új projekt létrehozása ablakban keresse meg Windows Forms. Ezután válassza Asztali a Projekttípus listából.

4. Válassza a Windows Forms App (.NET-keretrendszer) sablont c# vagy Visual Basic rendszerhez, majd válassza a Továbblehetőséget.

   

5. A Új projekt ablakban nevezze el a projektet PictureViewer, majd válassza a létrehozása lehetőséget.

   

A Visual Studio létrehoz egy megoldást az alkalmazáshoz. A megoldás az alkalmazás által igényelt összes projekt és fájl tárolója.

Ekkor a Visual Studio egy üres űrlapot jelenít meg a Windows Űrlaptervező.

Elrendezési elem hozzáadása

A képmegjelenítő alkalmazás egy képmezőt, egy jelölőnégyzetet és négy gombot tartalmaz, amelyeket a következő oktatóanyag . Az elrendezési elem szabályozza a helyüket az űrlapon. Ez a szakasz bemutatja, hogyan módosíthatja az űrlap címét, átméretezheti az űrlapot, és adhat hozzá egy elrendezési elemet.

1. A projektben válassza a Windows Forms Designert. A lap megjeleníti a Form1.cs [Tervezés] C# vagy a Form1.vb [Tervezés] a Visual Basic esetén.

2. Jelöljön ki bármelyik helyen Form1.

3. A Tulajdonságok ablak mostantól megjeleníti az űrlap tulajdonságait. A Tulajdonságok ablak általában a Visual Studio jobb alsó sarkában található. Ez a szakasz különböző tulajdonságokat szabályoz, például az előtér- és háttérszínt, az űrlap tetején megjelenő címszöveget és az űrlap méretét.

   Ha nem látja a Tulajdonságokablakot, válassza a Nézet>Tulajdonságok Ablaklehetőséget.

4. Keresse meg a Szöveg tulajdonságot a Tulajdonságok ablakban. A lista rendezésétől függően előfordulhat, hogy lefelé kell görgetnie. Adja meg a Képmegjelenítő értéket, majd válassza az Enterlehetőséget.

   Az űrlap címsorában most már szerepel a szöveg Képmegjelenítő.

   Jegyzet

   A tulajdonságokat kategória vagy betűrend szerint is megjelenítheti. A Tulajdonságok ablakban található gombokkal válthat oda-vissza.

5. Jelölje ki ismét az űrlapot. Jelölje ki az űrlap jobb alsó húzási fogópontját. A fogópont egy kis fehér négyzet az űrlap jobb alsó sarkában.

   

   A fogópont húzásával úgy méretezheti át az űrlapot, hogy az szélesebb és egy kicsit magasabb legyen. Ha megtekinti a Tulajdonságok ablakot, a Méret tulajdonság eltérő. Az űrlap méretét a Méret tulajdonság módosításával is módosíthatja.

6. A Visual Studio IDE bal oldalán válassza a Eszközkészlet lapot. Ha nem látja, válassza >Eszközkészlet megtekintése lehetőséget a menüsávon, vagy Ctrl+Alt+X.

7. A csoport megnyitásához válassza a Tárolók melletti kis háromszög szimbólumot.

   

8. Kattintson duplán a TableLayoutPanel elemre a Eszköztár-ben. A vezérlőt az eszközkészletből az űrlapra is húzhatja. A TableLayoutPanel vezérlő megjelenik az űrlapon.

   

   Jegyzet

   A TableLayoutPanel hozzáadása után, ha egy ablak jelenik meg az űrlapon TableLayoutPanel-feladatokcímmel, az űrlap bármely pontjára kattintva bezárhatja azt.

9. Válassza ki a TableLayoutPanel. A Tulajdonságok ablakban ellenőrizheti, hogy melyik vezérlőelem van kiválasztva.

   

10. A TableLayoutPanel kijelölése után keresse meg a Dock tulajdonságot, amelynek értéke Nincs. Jelölje ki a legördülő nyilat, majd válassza a kitöltése lehetőséget, amely a legördülő menü közepén található nagy gomb.

    

    Dokkoló azt jelenti, hogy egy ablak hogyan csatlakozik egy másik ablakhoz vagy területhez.

    A TableLayoutPanel ekkor kitölti a teljes űrlapot. Ha újra átméretezi az űrlapot, a TableLayoutPanel rögzítve marad, és a megfelelő méretre méretezi magát.

11. Az űrlapon válassza ki a TableLayoutPanelt. A jobb felső sarokban egy kis fekete háromszög gomb látható.

    Jelölje ki a háromszöget a vezérlő feladatlistájának megjelenítéséhez.

    

12. Válassza Sorok és oszlopok szerkesztése lehetőséget a Oszlop- és sorstílusok párbeszédpanel megjelenítéséhez.

13. Válassza ki a(z) Oszlop1-t és állítsa a méretét 15 százalékra. Győződjön meg arról, hogy a Százalék lehetőség legyen kiválasztva.

14. Válassza Oszlop2 lehetőséget, és állítsa be 85%-ra.

    

15. Az Oszlop- és sorstílusok párbeszédpanel tetején található megjelenítési párbeszédpanelen válassza a Soroklehetőséget. Állítsa Sor1 90 százalékra, Sor2 10 százalékra. A módosítások mentéséhez válassza OK lehetőséget.

    A TableLayoutPanel most már egy nagy felső sort, egy kis alsó sort, egy kis bal oszlopot és egy nagy jobb oldali oszlopot tartalmaz.

    

Az elrendezés elkészült.

Jegyzet

Az alkalmazás futtatása előtt mentse az alkalmazást a Az összes mentése eszköztár gombjára kattintva. Másik lehetőségként az alkalmazás mentéséhez válassza Fájl>Az összes mentése lehetőséget a menüsávon, vagy nyomja le Ctrl+Shift+Sbillentyűkombinációt. Ajánlott eljárás a korai és gyakori mentés.

Az alkalmazás futtatása

Windows Forms-alkalmazásprojekt létrehozásakor létre kell hoznia egy futó programot. Ebben a szakaszban a Képmegjelenítő alkalmazás nem sokat tesz. Egyelőre egy üres ablakot jelenít meg, amelynek címsorában a Képmegjelenítő felirat látható.

Az alkalmazás futtatásához kövesse az alábbi lépéseket.

1. Használja az alábbi módszerek egyikét:

   • Válassza az F5 kulcsot.
   • A menüsávon válassza Hibakeresés>Hibakeresés indításalehetőséget.
   • Az eszköztáron válassza a Start gombot.

   A Visual Studio futtatja az alkalmazást. Megjelenik egy ablak Képmegjelenítő címmel.

   

   Tekintse meg a Visual Studio IDE eszköztárát. Alkalmazás futtatásakor további gombok jelennek meg az eszköztáron. Ezek a gombok lehetővé teszik az alkalmazás leállítását és elindítását, valamint a hibák nyomon követését.

   

2. Az alkalmazás leállításához használja az alábbi módszerek egyikét:

   • Az eszköztáron válassza a Hibakeresés leállítása gombot.
   • A menüsávon válassza Hibakeresés>Hibakeresés leállításalehetőséget.
   • A billentyűzeten adja meg Shift+F5.
   • Válassza X a Képmegjelenítő ablak felső sarkában.

   Amikor az alkalmazást a Visual Studio IDE-ben futtatunk, hibakeresésnek hívjuk. Az alkalmazást futtatva megkeresheti és kijavíthatja a hibákat. Ugyanezt az eljárást követve futtathat és hibakeresést is végezhet más programokban. További információ a hibakeresésről: Először tekintse meg a hibakeresőt.

Következő lépés

Lépjen tovább a következő oktatóanyagra, amelyből megtudhatja, hogyan adhat hozzá vezérlőket a Képmegjelenítő programhoz.

oktatóanyag 2. része: Vezérlők hozzáadása a Képmegjelenítőhöz