Sdílet prostřednictvím

Krok 1: Vytvořit projekt a přidat popisky do vašeho formuláře

  • Článek

Prvním krokem při vytváření matematického kvízu je vytvořit projekt a do formuláře přidat popisky.

Vytvořit projekt a přidat popisky do vašeho formuláře

  1. V nabídce Soubor klepněte na příkaz Nový Projekt.

  2. Pokud nepoužíváte Visual Studio Express, musíte nejprve vybrat jazyk. Ze seznamu Nainstalované šablony vyberte buď C# nebo Visual Basic.

  3. Klepněte na ikonu Windows Forms aplikace, a pak zadejte Matematický kvíz jako název.

  4. Nastavte vlastnosti formuláře:

    1. Změňte formulářovou vlastnost Text na hodnotu Matematický kvíz..

    2. Změňte velikost na 500 pixelů široký a vysoký 400 pomocí vlastnosti Size nebo přetažením, dokud se nezobrazí správná velikost v levém dolním rohu integrovaného vývojového prostředí (rozhraní IDE).

    3. Chcete-li uživatelům zabránit ve změně velikosti formuláře, změňte vlastnost FormBorderStyle na hodnotu Fixed3D a nastavte vlastnost MaximizeBox na hodnotu False.

  5. Přetáhněte ovládací prvek Label z panelu a potom nastavte jeho vlastnosti:

    1. Změňte vlastnost (Název) na hodnotu timeLabel. Tato jmenovka se zobrazí jako pole v pravém horním rohu formuláře, které zobrazí počet zbývajících sekund kvízu.

    2. Změňte vlastnost AutoSize na hodnotu False, pak můžete měnit velikost textového pole sami.

    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, dokud se neobjeví modré oddělovací čáry.

    6. Vymažte obsah vlastnosti Text klepnutím na Text ve Vlastnosti okně a stisknutím klávesy Backspace.

    7. Změňte velikost písma na 15.75. Klepněte na znaménko plus vedle vlastnosti Font ve Vlastnosti okně, ve kterém se zobrazuje několik vlastností, včetně Size, jak je znázorněno na následujícím obrázku.

      Okno Vlastnosti zobrazující velikost písma

      Okno Vlastnosti zobrazující velikost písma

  6. Přetáhněte další ovládací prvek Label z panelu a potom nastavte jeho vlastnosti:

    1. Změňte velikost písma na 15.75.

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

    3. Přetáhněte ji na vlevo hned vedle jmenovky timeLabel.

  7. Nyní přidáte ovládací prvky pro úlohu sčítání. Přetáhněte ovládací prvek Label z panelu a potom nastavte jeho vlastnosti:

    1. Nastavte vlastnost Text na hodnotu ? (otazník).

    2. Nastavte vlastnost AutoSize na hodnotu False.

    3. Nastavte vlastnost Size na hodnotu 60, 50.

    4. Změňte velikost písma na 18.

    5. Změňte vlastnost TextAlign na hodnotu MiddleCenter.

    6. Změňte vlastnost Location na hodnotu 75, 75 k umístění na formulář.

    7. Změňte vlastnost (Název) na hodnotu plusLeftLabel.

  8. Vyberte plusLeftLabel jmenovku a zkopírujte ji. (Stiskněte kombinaci kláves Ctrl+C nebo z nabídky Úpravy vyberte Kopírovat.) Pak postupujte následujícím způsobem:

    1. Vložte třikrát. (Stisknutím kombinace kláves Ctrl+V nebo z nabídky Upravit vyberte Vložit.)

    2. Uspořádejte tři nové popisky tak, aby byly v řádku vpravo od jmenovky plusLeftLabel pomocí oddělovacích čar a zarovnejte je.

    3. Změňte vlastnost Text druhé jmenovky na hodnotu + (znaménko plus).

    4. Změňte vlastnost (Název) třetí jmenovky na hodnotu plusRightLabel.

    5. Změňte vlastnost Text čtvrté jmenovky na hodnotu = (symbol rovná se).

  9. Přetáhněte NumericUpDown ovládací prvek z panelu a potom proveďte následující:

    1. Změňte velikost písma na 18, a pak jej udělejte užší tak, aby šířka byla 100.

    2. Přetáhněte jej, dokud se nevyrovná s Label ovládacími prvky pro úlohu sčítání.

    3. Změňte vlastnost (Název) na hodnotu součet. (Další informace o NumericUpDown ovládacím prvku zjistíte později.) Kvíz nyní obsahuje první řádek, jak je znázorněno na následujícím obrázku.

      První řádek matematického kvízu

      První řádek matematického kvízu

  10. Vyberte všech pět ovládacích prvků v úloze sčítání (čtyři Label ovládací prvky a NumericUpDown ovládací prvek) a zkopírujte je. Pak postupujte následujícím způsobem:

    1. Vložte ovládací prvky, které by do formuláře měly přidat pět nových ovládacích prvků.

    2. Ovládací prvky by měly být vybrány stále, takže můžete klepnout na jeden ovládací prvek a přetáhnout je do místa, kde je srovnáte pod sčítacími ovládacími prvky. Použijte oddělovací čáry pro poskytnutí dostatku vzdálenosti mezi dvěma řádky.

    3. Změňte vlastnost Text druhé jmenovky na hodnotu – (znaménko mínus).

    4. Pojmenujte první jmenovku otazníku minusLeftLabel.

    5. Pojmenujte druhou jmenovku otazníku minusRightLabel.

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

  11. Vložte pět ovládacích prvků ještě dvakrát a poté proveďte následující:

    1. 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 NumericUpDown ovládací prvek produkt.

    2. 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 NumericUpDown ovládací prvek 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 rozhraní IDE.

  12. Jeden další ovládací prvek je potřeba ve formuláři: tlačítko ke spuštění kvízu. Přetáhněte ovládací prvek Button z panelu a potom nastavte jeho vlastnosti:

    1. Nastavte vlastnost (Název) 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. Přetáhněte tlačítko do dolní části formuláře a přesuňte jej tak, aby byl ve středu.

  13. Nakonec klepněte na tlačítko startButton a potom proveďte následující:

    1. Nastavte vlastnost TabIndex na hodnotu 1.

    2. Klepněte na NumericUpDown součtový ovládací prvek.

    3. Nastavte vlastnost TabIndex na hodnotu 2.

    4. Nastavte další NumericUpDown ovládací prvky: Nastavte ovládacímu prvku rozdílu vlastnost TabIndex na hodnotu 3, ovládacímu prvku produktu TabIndex na 4 a ovládacímu prvku podílu TabIndex na 5. Formulář by měl nyní vypadat jako následující obrázek.

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

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

    Poznámka

    Účelem vlastnosti TabIndex je nastavení pořadí ovládacích prvků, když uživatel stiskne klávesu Tabulátor. Otevřete jakékoli dialogové okno (například z nabídky Soubor, vyberte Otevřít) a stiskněte klávesu Tabulátor několikrát. Sledujte, jak se váš kurzor přesouvá z ovládacího prvku na ovládací prvek pokaždé, když stisknete klávesu Tabulátor. Když byl tento formulář původně navržen, programátor rozhodl pořadí.

  14. Chcete-li zjistit, jak vlastnost TabIndex pracuje, uložte a spusťte program, a pak stiskněte klávesu Tabulátor několikrát.

Chcete-li pokračovat nebo znovu projít