Oktatóanyag: Matematikai teszt WinForms-alkalmazás létrehozása

Ebben a négy oktatóanyagból álló sorozatban matematikai teszt készítésére kerül sor. A teszt négy véletlenszerű matematikai problémát tartalmaz, amelyeket a tesztválasztó egy megadott időn belül próbál megválaszolni.

A Visual Studio integrált fejlesztési környezete (IDE) biztosítja az alkalmazás létrehozásához szükséges eszközöket. Ha többet szeretne megtudni erről az IDE-ről, lásd: Üdvözli a Visual Studio IDE.

Ebben az első oktatóanyagban megtanulhatja, hogyan:

• Hozzon létre egy Windows Formst használó Visual Studio-projektet.
• Címkéket, gombokat és egyéb vezérlőket adhat hozzá az űrlaphoz.
• Adja meg a vezérlők tulajdonságait.
• Mentse el és futtasd a projektet.

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.

Jegyzet

Ehhez az oktatóanyaghoz a Windows Forms App (.NET Framework) projektsablonra van szükség. A telepítés során válassza ki a .NET asztali fejlesztési számítási feladatot:

Ha már telepítve van a Visual Studio, és hozzá kell adnia, a menüben válassza az Eszközök>Eszközök és szolgáltatások lekéréselehetőséget, vagy az Új projekt létrehozása ablakban válassza a További eszközök és szolgáltatások telepítése hivatkozást.

A Windows Forms-projekt létrehozása

Matematikai teszt 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 ki a Projekttípus listából a Asztali opciót.

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

   

5. Az Új projekt konfigurálása ablakban nevezze el a projektet MathQuiz, majd válassza a Létrehozáslehető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.

Űrlaptulajdonságok beállítása

Miután kiválasztotta a sablont, és elnevezte a fájlt, a Visual Studio megnyit egy űrlapot. Ez a szakasz bemutatja, hogyan módosíthatja egyes űrlaptulajdonságokat.

1. A projektben válassza Windows Forms Designerlehetőséget. A Tervező lap címkéje Form1.cs [Tervezés] C# vagy Form1.vb [Tervezés] Visual Basic-hez.

2. Válassza ki az űrlapot, Form1.

3. A Tulajdonságok ablak mostantól megjeleníti az űrlap tulajdonságait. Ez az ablak általában a Visual Studio jobb alsó sarkában található. Ha nem látja Tulajdonságok, válassza a Nézet>Tulajdonságok ablakát.

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 Matematikai teszt értéket a Szöveg értéknél, majd válassza az Enterlehetőséget.

   Az űrlap címsorában megjelenik a "Matematikai teszt" szöveg.

   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. Módosítsa az űrlap méretét 500 képpont szélesre 400 képpont magasra.

   Átméretezheti az űrlapot úgy, hogy a széleit vagy a fogópontját húzza addig, amíg a megfelelő méret nem jelenik meg a Méret értékként a Tulajdonságok ablakban. A fogópont egy kis fehér négyzet az űrlap jobb alsó sarkában. Az űrlapot a Méret tulajdonság értékeinek módosításával is átméretezheti.

6. Módosítsa a FormBorderStyle tulajdonság értékét Fixed3D-ra, és állítsa a MaximizeBox tulajdonságot False-re.

   Ezek az értékek megakadályozzák, hogy a kvízkitöltők átméretezzék az űrlapot.

A fennmaradó idő mező létrehozása

A matematikai teszt egy dobozt tartalmaz a jobb felső sarokban. Ez a mező a tesztben maradó másodpercek számát jeleníti meg. Ez a szakasz bemutatja, hogyan használhat címkét a dobozhoz. A visszaszámlálás időzítőjének kódját a sorozat egy későbbi oktatóanyagában adhatja hozzá.

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

2. Jelölje ki a Label vezérlőt a eszközkészlet-ben, és húzza az űrlapra.

3. A Tulajdonságok mezőben adja meg a következő tulajdonságokat a címkéhez:

   • Állítsa a (Név)timeLabelértékre.
   • Módosítsa a(z) Automatikus méretezés értékét Hamis értékre, hogy átméretezhesse a mezőt.
   • Módosítsa a BorderStyle értéket FixedSingle értékre, hogy a doboz körül vonalat rajzoljon.
   • Állítsa be a méretet200, 30értékre.
   • Jelölje ki a Szöveg tulajdonságot, majd a Backspace billentyűt választva törölje a Szöveg értéket.
   • Jelölje ki a Betűtípus tulajdonság melletti pluszjelet (+), majd állítsa be a Méretet a 15.75 értékre.

4. Vigye a címkét az űrlap jobb felső sarkába. Ha megjelennek a kék távolságvonalak, használja őket a vezérlőelem űrlapra helyezéséhez.

5. Adjon hozzá egy másik Címke vezérlőt az Eszköztárból, majd állítsa be a betűméretét 15,75-re.

6. Állítsa be a címke Szöveg tulajdonságát Hátralévő időre.

7. Helyezze át a címkét úgy, hogy az a timeLabel címke bal oldalán legyen.

   

Vezérlők hozzáadása a hozzáadási problémához

A teszt első része egy hozzáadási probléma. Ez a szakasz bemutatja, hogyan jelenítheti meg a problémát címkék használatával.

1. Vegyen fel egy Címke vezérlőt a Eszközkészlet az űrlapra.

2. A Tulajdonságok mezőben adja meg a következő tulajdonságokat a címkéhez:

   • Állítsa a szöveget értékre ? (kérdőjel).
   • A Automatikus méretezés beállítása hamis .
   • Állítsa a Méretértéket 60, 50-re.
   • Állítsa a betűméretet 18-re.
   • Állítsa TextAlignMiddleCenterértékre.
   • Állítsa be a Hely értéket 50, 75 formában, hogy a vezérlő a formán legyen elhelyezve.
   • Állítsa be a (Név) értékét a plusLeftLabel-ra.

3. Az űrlapon jelölje ki a pluszLeftLabel címkét, amelyet létrehozott. Másolja a címkét a Szerkesztés>Másolás vagy Ctrl+Clehetőséget választva.

4. A Szerkesztés>Beillesztés menüpont vagy a Ctrl+V billentyűkombináció háromszori használatával illessze be a címkét háromszor az űrlapba.

5. A három új címkét úgy rendezze el, hogy a és aLeftLabel felirattól jobbra lévő sorban legyenek.

6. Állítsa a második címke Szöveg tulajdonságát + (pluszjel) értékre.

7. Állítsa a harmadik címke (Név) tulajdonságát pluszRightLabelértékre.

8. Állítsa a negyedik címke Szöveg tulajdonságát = (egyenlőségjel) értékre.

9. Adjon hozzá egy NumericUpDown vezérlőelemet az eszközkészletből az űrlaphoz. Később többet is megtudhat az ilyen típusú vezérlőkről.

10. A Tulajdonságok mezőben adja meg a NumericUpDown vezérlőelem alábbi tulajdonságait:

    • A betűméretet állítsd be a következőre: 18.
    • A MaximumSizeterületen állítsa a szélességet 100.
    • Állítsa a (Név)összeg.

11. A NumericUpDown vezérlőt a Címke vezérlőkkel kell összeadni a hozzáadási problémához.

    

Vezérlőelemek hozzáadása a kivonási, szorzási és osztási problémákhoz

Ezután adjon hozzá címkéket az űrlaphoz a fennmaradó matematikai problémákhoz.

1. Másolja ki a négy Címke vezérlőt és a NumericUpDown vezérlőelemet, amelyet a hozzáadási problémához hozott létre. Illessze be őket az űrlapba.

2. Helyezze az új vezérlőket az hozzáadási vezérlők alá.

3. A Tulajdonságok mezőben adja meg a következő tulajdonságokat az új vezérlőkhöz:

   • Állítsa be az első kérdőjelcímke (Név) nevét a minusLeftLabelértékre.
   • Állítsa a második címke szövegének értékét - (mínuszjel) értékre.
   • Állítsa be a második kérdőjelcímke (Név) értékét mínuszRightLabel-ra.
   • Állítsa be a NumericUpDown vezérlőelem (Név)különbség.

4. Másolja ki a hozzáadási vezérlőket, és illessze be őket még kétszer az űrlapra.

5. A harmadik sor esetében:

   • Állítsa az első kérdőjelcímke (Név) elemét a timesLeftLabelértékre.
   • Állítsa be a második címke szövegét × (szorzásjel) értékre. Az oktatóanyagból másolhatja a szorzásjelet, és beillesztheti az űrlapra.
   • Állítsa a második kérdőjelcímke (Név) értékét timesRightLabel-ra.
   • Állítsa be a NumericUpDown vezérlőelem (Név) nevét termék.

6. A negyedik sorban:

   • Az első kérdőjel címke (Név) értékét állítsa be osztottBalCímke-ra.
   • Állítsa be a második címke szövegét a ÷ (osztásjel) értékre. Az osztályjelet az oktatóanyagból másolhatja, és beillesztheti az űrlapra.
   • Állítsa be a második kérdőjelcímke (Név) értékét a osztottRightLabel-ra.
   • Állítsa be a NumericUpDown vezérlőelem (Név) értékét hányados-re.

Start gomb hozzáadása és a tabulátorindex sorrendjének beállítása

Ez a szakasz bemutatja, hogyan vehet fel start gombot. Megadhatja a vezérlőelemek lapozási sorrendjét is. Ez a sorrend határozza meg, hogyan mozog a tesztkitöltő az egyik vezérlőről a másikra a Tab billentyű használatával.

1. Adjon hozzá egy Button vezérlőelemet az eszközkészletből az űrlaphoz.

2. A Tulajdonságok mezőben adja meg a gomb alábbi tulajdonságait:

   • Állítsa a (Név)a startButton.
   • A Szöveg beállítása A kvízelindítása.
   • Állítsa be a betűméretet 14.
   • Állítsa az Automatikus méretezéstIgazértékre, ezáltal a gomb automatikusan átméreteződik a szöveghez igazodva.
   • Állítsa be a TabIndex értékét 0. Ez az érték teszi a start gombot az első vezérlővé a fókusz fogadásához.

3. A gomb középre igazítása az űrlap alján.

   

4. A Tulajdonságok mezőben állítsa be az egyes NumericUpDown vezérlőelemek TabIndex tulajdonságát:

   • Állítsa be a összeg vezérlőelem TabIndex értékét 1.
   • Állítsa be a TabIndex értékét a különbség vezérlőelemen 2.
   • Állítsa a termék vezérlőelem TabIndex 3 .
   • Állítsa a TabIndex értékét a hányados vezérlőelem számára 4.

Az alkalmazás futtatása

A matematikai problémák még nem működnek a teszten. Az alkalmazás futtatásával azonban ellenőrizheti, hogy a TabIndex értékek a várt módon működnek-e.

1. Az alkalmazás mentéséhez használja az alábbi módszerek egyikét:

   • Válassza a Ctrl+Shift+Slehetőséget.
   • A menüsávon válassza a Fájl>Összes mentéselehetőséget.
   • Az eszköztáron válassza az Az összes mentése gombot.

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

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

3. Néhányszor válassza a Tab billentyűt, hogy lássa, hogyan változik a fókusz egyik vezérlőről a másikra.

Következő lépés

Lépjen tovább a következő oktatóanyagra, amely véletlenszerű matematikai problémákat és egy eseménykezelőt ad hozzá a matematikai teszthez.

oktatóanyag 2. része: Matematikai problémák hozzáadása matematikai teszthez WinForms-alkalmazáshoz