Krok 1: Vytvořte projekt a přidejte do svého formuláře popisky

Jako první kroky ve vývoji tohoto kvízu je vytvořit projekt a přidat popisky, tlačítka a další ovládací prvky do formuláře.Můžete také nastavit vlastnosti pro každý ovládací prvek, který přidáte.Projekt bude obsahovat formulář, ovládací prvky a (později v tomto návodu) kód.Tlačítko spustí kvíz, popisky zobrazí problémy kvízu a další ovládací prvky zobrazí odpovědi kvízu a čas, který zbývá do dokončení kvízu.

[!POZNÁMKA]

Toto téma je součástí řady výukových programů o základních principech kódování.Přehled tutoriálu naleznete v tématu Tutoriál 2: Vytvoření matematického kvízu s časovým limitem.

Vytvoření projektu a a nastavení vlastností pro formulář

1. Na panelu nabídky vyberte možnosti Soubor, Nový, Projekt.

2. V seznamu Instalované šablony zvolte možnost C# nebo Visual Basic.

3. V seznamu šablon vyberte šablonu Formulářová aplikace Windows, pojmenujte ji Matematický kvíz a pak zvolte tlačítko OK.

   Zobrazí se formulář s názvem Form1.cs nebo Form1.vb v závislosti na programovacím jazyce, který si zvolíte.

4. Zvolte formulář a potom změňte jeho vlastnost Text na Matematický kvíz.

   Okno Vlastnosti obsahuje vlastnosti pro formulář.

5. Změnit velikost formuláře na šířku 500 pixelů široký a výšku 400 pixelů.

   Velikost formuláře můžete změnit tažením jeho okrajů, dokud se nezobrazí správná velikost v levém dolním rohu integrovaného vývojového prostředí (IDE).Jako alternativu můžete změnit hodnoty vlastnosti Velikost.

6. Změňte hodnotu vlastnosti FormBorderStyle na Fixed3D a nastavte vlastnost MaximizeBox na hodnotu Nepravda.

   Tyto hodnoty zabraňují uživatelům vyplňujícím kvíz ve změně velikosti formuláře.

Vytvoření pole Zbývající čas

1. Přidejte ovládací prvek Label z panelu nástrojů a potom nastavte vlastnost (Name) na hodnotu timeLabel.

   Tento popisek se stane polem v pravém horním rohu, který bude zobrazovat počet sekund do ukončení kvízu.

2. Změňte vlastnost AutoSize na hodnotu False, abyste mohli měnit velikost pole.

3. Změňte vlastnost BorderStyle na hodnotu FixedSingle k nakreslení čáry kolem pole.

4. Nastavte vlastnost Size na hodnotu 200, 30.

5. Přetáhněte jmenovku do pravého horního rohu formuláře, kde se objeví modré oddělovací čáry.

   Tyto řádky vám pomohou zarovnat ovládací prvky ve formuláři.

6. V okně Vlastnosti zvolte vlastnost Text a pak zvolte klávesu Backspace pro vymazání jeho hodnoty.

7. Vyberte znaménko plus (+) vedle vlastnosti Písmo a potom změňte hodnotu vlastnosti Velikost na 15,75.

   Můžete změnit několik vlastností písma, jak ukazuje následující obrázek.

   Okno Vlastnosti zobrazující velikost písma

   

8. Přidejte jiný ovládací prvek Popisek z panelu nástrojů a potom nastavte jeho velikost písma na 15,75.

9. Nastavte vlastnost Text na hodnotu Zbývající čas.

10. Přesuňte popisek, aby byl zarovnán nalevo od popisku timeLabel.

Přidat ovládací prvky pro úlohy sčítání

1. Přidejte ovládací prvek Popisek z panelu nástrojů a potom nastavte vlastnost Text na hodnotu ? (otazník).

2. Nastavte vlastnost AutoSize na hodnotu False.

3. Nastavte vlastnost Size na hodnotu 60, 50.

4. Nastavte velikost písma na 18.

5. Nastavte vlastnost TextAlign na hodnotu MiddleCenter.

6. Nastavte vlastnost Location na hodnotu 50, 75 k umístění ovládacího prvku na formulář.

7. Nastavte vlastnost (Název) na hodnotu plusLeftLabel.

8. Zvolte popisek plusLeftLabel a poté vyberte klávesy Ctrl + C nebo možnost Kopírovat z nabídky Upravit.

9. Vložit popisek třikrát stisknutím kláves Ctrl+V nebo zvolením možnosti Vložit v nabídce Upravit.

10. Uspořádejte tři nové popisky tak, aby byly v řádku napravo od popisku plusLeftLabel.

    Pomocí oddělovacích čar je můžete rozmístit a zarovnat.

11. Nastavte hodnotu vlastnosti Text druhé jmenovky na hodnotu + (symbol plus).

12. Nastavte hodnotu vlastnosti (Název) třetí jmenovky na hodnotu plusRightLabel.

13. Nastavte hodnotu vlastnosti Text čtvrté jmenovky na hodnotu = (symbol rovná se).

14. Přidejte ovládací prvek NumericUpDown z panelu nástrojů, nastavte velikost písma na 18a nastavte jeho šířku na 100.

    Více se o tomto druhu ovládacího prvku dozvíte později.

15. Zarovnejte ovládací prvek NumericUpDown s popisky ovládacích prvků pro úlohu sčítání.

16. Změňte hodnotu vlastnosti (Name) na NumericUpDown pro ovládání sum.

    Vytvořili jste první řádek, jak ukazuje následující obrázek.

    První řádek matematického kvízu

    

Přidání ovládacích prvků pro problémy odčítání, násobení a dělení

1. Zkopírujte všech pět ovládacích prvků v úloze sčítání (čtyři ovládací prvky Label a ovládací prvek NumericUpDown) a poté je vložte.

   Formulář obsahuje pět nových ovládacích prvků, které jsou stále vybrané.

2. Přesuňte všechny ovládací prvky na místo tak, aby byly vyrovnány pod dalšími ovládacími prvky.

   Můžete použít oddělovací čáry pro poskytnutí dostatku vzdálenosti mezi dvěma řádky.

3. Změňte hodnotu vlastnosti Text pro druhý popisek na - (znaménko minus).

4. Pojmenujte první jmenovku otazníku minusLeftLabel.

5. Pojmenujte druhou jmenovku otazníku minusRightLabel.

6. Pojmenujte NumericUpDown ovládací prvek rozdíl.

7. Vložte pět ovládacích prvků ještě dvakrát.

8. Pro třetí řádek pojmenujte první jmenovku timesLeftLabel, změňte vlastnost Text druhé jmenovky na hodnotu × (znaménko násobení), pojmenujte třetí jmenovku timesRightLabel a ovládací prvek NumericUpDown product.

9. U čtvrtého řádku pojmenujte první jmenovku dividedLeftLabel, změňte vlastnost Text druhé jmenovky na hodnotu ÷ (znaménko dělení), pojmenujte třetí jmenovku dividedRightLabel a pojmenujte ovládací prvek NumericUpDown podíl.

   [!POZNÁMKA]

   Můžete zkopírovat znaménko násobení × a znaménko dělení ÷ z tohoto kurzu a vložit je do formuláře.

Přidání tlačítka Start a nastavení pořadí indexů karty

1. Přidejte ovládací prvek Button z panelu nástrojů a potom nastavte vlastnost (Name) na hodnotu startButton.

2. Nastavte vlastnost Text na hodnotu Spustit kvíz.

3. Nastavte velikost písma na 14.

4. Nastavte vlastnost AutoSize na hodnotu True, která způsobí, že tlačítko automaticky změní velikost podle textu.

5. Prostřední tlačítko v dolní části formuláře.

6. Nastavte hodnotu vlastnosti TabIndex pro ovládací prvek startButton na 1.

   [!POZNÁMKA]

   Vlastnost TabIndex nastavuje pořadí ovládacích prvků, když uživatel, který se účastní kvízu, stiskne klávesu Tab.Chcete-li zjistit, jak to funguje, otevřete jakékoli dialogové okno (například v řádku nabídek zvolte možnost Soubor > Otevřít) a pak několikrát stiskněte klávesu Tab.Sledujte, jak se váš kurzor přesouvá z ovládacího prvku na ovládací prvek pokaždé, když stisknete klávesu Tab.Programátor při vytváření formuláře vytvořil pořadí.

7. Nastavte hodnotu TabIndex vlastnost pro součtový ovládací prvek NumericUpDown na 2, pro ovládací prvek rozdílu na 3, ovládací prvek součinu na 4 a pro ovládací prvek podílu na 5.

   Dokončený formulář by měl vypadat jako na následujícím obrázku.

   Počáteční formulář matematického kvízu

   

8. Chcete-li ověřit, zda vlastnost TabIndex funguje podle očekávání, uložte a spusťte program stiskem klávesy F5, nebo výběrem příkazu Ladění > Spustit ladění na panelu nabídek, a několikrát stiskněte klávesu Tab.

Pokračování nebo kontrola

• Přechod na další výukový program naleznete v tématu Krok 2: Vytvořte náhodný problém s přidáním.

• K návratu na téma přehledu přejděte na Tutoriál 2: Vytvoření matematického kvízu s časovým limitem.