Kurz: Vytvoření prohlížeče obrázků v aplikaci Windows Forms (.NET Framework)

V této sérii tří kurzů vytvoříte aplikaci Windows Forms, která načte obrázek a zobrazí ji. Integrované vývojové prostředí (IDE) sady Visual Studio poskytuje nástroje, které potřebujete k vytvoření aplikace.

V tomto prvním kurzu se naučíte:

• Vytvoření projektu sady Visual Studio, který používá Windows Forms
• Přidání elementu rozložení
• Spuštění aplikace

Pokud chcete vytvořit novou aplikaci Windows Forms pomocí .NET, postupujte podle kurzu Vytvoření aplikace Windows Forms pomocí rozhraní .NET. Další informace najdete v průvodci plochy ve Windows Forms .NET.

Požadavky

• K dokončení tohoto kurzu potřebujete Visual Studio. Navštivte stránku stažení sady Visual Studio, abyste získali bezplatnou verzi.
• Úloha vývoj desktopových aplikací .NET. Pokud chcete tuto úlohu ověřit nebo nainstalovat v sadě Visual Studio, vyberte Nástroje>Získat nástroje a funkce. Další informace najdete v tématu Změna úloh nebo jednotlivých komponent.

Vytvoření projektu Windows Forms

Při vytváření prohlížeče obrázků je prvním krokem vytvoření projektu aplikace Windows Forms.

1. Otevřete Visual Studio.

2. V úvodním okně vyberte Vytvořit nový projekt.

   

3. V okně Vytvořit nový projekt vyhledejte Windows Forms. Potom v seznamu Typ projektu vyberte Desktop.

4. Vyberte šablonu aplikace Windows Forms (.NET Framework) pro jazyk C# nebo Visual Basic a pak vyberte Další.

   

5. V okně Konfigurace nového projektu pojmenujte projekt PictureViewera pak vyberte Vytvořit.

   

Visual Studio vytvoří řešení pro vaši aplikaci. Řešení je kontejner pro všechny projekty a soubory, které vaše aplikace potřebuje.

V tomto okamžiku visual Studio zobrazí prázdný formulář v Windows Form Designer.

Přidání elementu rozložení

Aplikace pro prohlížení obrázků obsahuje pole s obrázkem, zaškrtávací políčko a čtyři tlačítka, která přidáte v dalším tutoriálu. Prvek rozložení řídí jejich umístění ve formuláři. V této části se dozvíte, jak změnit název formuláře, změnit jeho velikost a přidat prvek rozložení.

1. V projektu vyberte Windows Forms Designer. Karta čte Form1.cs [Návrh] pro jazyk C# nebo Form1.vb [Návrh] pro Visual Basic.

2. Vyberte libovolné místo v Formulář1.

3. Okno Vlastnosti nyní zobrazuje vlastnosti formuláře. Okno Vlastnosti je obvykle v pravém dolním rohu Visual Studio. Tento oddíl řídí různé vlastnosti, například barvu popředí a pozadí, text nadpisu, který se zobrazí v horní části formuláře, a velikost formuláře.

   Pokud nevidíte Vlastnosti, vyberte Zobrazit>Okno vlastností.

4. Najděte vlastnost Text v okně Vlastnosti. V závislosti na tom, jak je seznam seřazený, možná budete muset posunout dolů. Zadejte hodnotu prohlížeč obrázkůa pak zvolte Enter.

   Formulář teď obsahuje text Prohlížeč obrázků v záhlaví.

   Poznámka

   Vlastnosti můžete zobrazit podle kategorie nebo abecedy. Pomocí tlačítek v okně Vlastnosti můžete přepínat tam a zpět.

5. Znovu vyberte formulář. Vyberte pravý dolní úchyt pro přetažení formuláře. Úchyt je malý bílý čtvereček v pravém dolním rohu formuláře.

   

   Přetažením úchytu změňte velikost formuláře, aby byl formulář širší a o něco vyšší. Pokud se podíváte na okno Vlastnosti, vlastnost Velikost je odlišná. Velikost formuláře můžete změnit také změnou vlastnosti Velikost.

6. Na levé straně integrovaného vývojového prostředí sady Visual Studio vyberte kartu Panel nástrojů. Pokud ho nevidíte, vyberte Z nabídky panelu nabídek vyberte>Toolbox nebo Ctrl+Alt+X.

7. Výběrem malého symbolu trojúhelníku vedle Kontejnery otevřete skupinu.

   

8. Poklikejte na TableLayoutPanel v panelu nástrojů. Ovládací prvek můžete také přetáhnout z panelu nástrojů do formuláře. Ovládací prvek TableLayoutPanel se zobrazí ve formuláři.

   

   Poznámka

   Jakmile přidáte TableLayoutPanel, pokud se ve formuláři zobrazí okno s názvem TableLayoutPanel Tasks, vyberte libovolné místo uvnitř formuláře a zavřete ho.

9. Vyberte TableLayoutPanel. Ovládací prvek, který je vybrán, můžete ověřit v okně Vlastnosti.

   

10. Při výběru TableLayoutPanel vyhledejte vlastnost Dock, která má hodnotu None. Vyberte šipku rozevíracího seznamu a pak vyberte Vyplnit, což je velké tlačítko uprostřed rozevírací nabídky.

    

    ukotvení odkazuje na způsob připojení okna k jinému okně nebo oblasti.

    TableLayoutPanel teď vyplní celý formulář. Pokud změníte velikost formuláře znovu, tableLayoutPanel zůstane ukotvený a změní velikost tak, aby se vešel.

11. Ve formuláři vyberte TableLayoutPanel. V pravém horním rohu je malé černé trojúhelníkové tlačítko.

    Výběrem trojúhelníku zobrazte seznam úkolů ovládacího prvku.

    

12. Vyberte Upravit řádky a sloupce, aby se zobrazilo dialogové okno Styly sloupců a řádků.

13. Vyberte Sloupec1 a nastavte jeho velikost na 15 procent. Ujistěte se, že je vybrána možnost Procent.

14. Vyberte sloupec2 a nastavte ho na 85 procent.

    

15. V Zobrazit v horní části dialogového okna Styly sloupců a řádků vyberte Řádky. Nastavte řádek1 na 90 procent a řádek2 na 10 procent. Vyberte OK a uložte provedené změny.

    TableLayoutPanel teď obsahuje velký horní řádek, malý dolní řádek, malý levý sloupec a velký pravý sloupec.

    

Vaše rozložení je hotové.

Poznámka

Před spuštěním aplikace uložte aplikaci výběrem tlačítka Uložit vše panelu nástrojů. Alternativně, pokud chcete aplikaci uložit, zvolte Soubor>Uložit vše z řádku nabídek nebo stiskněte Ctrl+Shift+S. Nejlepší praxí je uložit data brzy a často.

Spuštění aplikace

Při vytváření projektu aplikace Windows Forms vytvoříte program, který se spustí. V této fázi aplikace Prohlížeč obrázků moc nedělá. Prozatím se zobrazí prázdné okno, které v záhlaví zobrazuje Prohlížeč obrázků.

Pokud chcete aplikaci spustit, postupujte podle těchto kroků.

1. Použijte jednu z následujících metod:

   • Vyberte klávesu F5.
   • Na panelu nabídek vyberte Ladění>Spustit ladění.
   • Na panelu nástrojů vyberte tlačítko Start.

   Visual Studio spouští vaši aplikaci. Zobrazí se okno s názvem prohlížeč obrázků.

   

   Podívejte se na panel nástrojů integrovaného vývojového prostředí sady Visual Studio. Když spustíte aplikaci, zobrazí se na panelu nástrojů další tlačítka. Tato tlačítka umožňují dělat věci, jako je zastavení a spuštění aplikace, a pomáhají vám sledovat případné chyby.

   

2. K zastavení aplikace použijte jednu z následujících metod:

   • Na panelu nástrojů vyberte tlačítko Zastavit ladění.
   • Na panelu nabídek vyberte Ladění>Zastavit ladění.
   • Z klávesnice zadejte Shift+F5.
   • V horním rohu okna prohlížeče obrázků vyberte X.

   Když spustíte aplikaci z integrovaného vývojového prostředí sady Visual Studio, to se nazývá ladění. Spustíte aplikaci a vyhledáte a opravíte chyby. Stejným postupem spustíte a ladíte další programy. Další informace o ladění najdete v tématu Nejprve se podívejte na ladicí program.

Další krok

V dalším kurzu se dozvíte, jak do programu Prohlížeč obrázků přidat ovládací prvky.

Kurz – část 2: Přidání ovládacích prvků do prohlížeče Obrázků