Kurz: Vytvoření prohlížeče obrázků model Windows Forms aplikace v sadě Visual Studio

  • Článek

V této sérii tří kurzů vytvoříte model Windows Forms aplikaci, 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. Další informace najdete v tématu Vítá vás integrované vývojové prostředí sady Visual Studio.

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

  • Vytvoření projektu sady Visual Studio, který používá model Windows Forms
  • Přidání elementu rozložení
  • Spusťte aplikaci

Požadavky

K dokončení tohoto kurzu potřebujete Visual Studio. Navštivte stránku se soubory ke stažení sady Visual Studio pro bezplatnou verzi.

Vytvoření projektu model Windows Forms

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

  1. Otevřete sadu Visual Studio.

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

    Screenshot shows the Create a new project option in the Visual Studio start window.

  3. V okně Vytvořit nový projekt vyhledejte model Windows Forms. Potom v seznamu typů projektů vyberte Možnost Plocha.

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

    Screenshot shows the Create a new project dialog box with Windows Forms entered and options for Windows Forms App.

    Poznámka:

    Pokud šablonu aplikace model Windows Forms (.NET Framework) nevidíte, můžete ji nainstalovat z okna Vytvořit nový projekt. Ve zprávě Nenašli jste, co hledáte? Vyberte odkaz Instalovat další nástroje a funkce .

    Screenshot shows the Install more tools and features link from the Not finding what you're looking for message in the Create new project dialog box.

    V Instalační program pro Visual Studio vyberte vývoj desktopových aplikací .NET.

    Screenshot shows .NET Core workload in the Visual Studio Installer.

    V Instalační program pro Visual Studio vyberte Upravit. Může se zobrazit výzva k uložení práce. Dále vyberte Pokračovat a nainstalujte úlohu.

  5. V okně Konfigurovat nový projekt pojmenujte project PictureViewer a pak vyberte Vytvořit.

  1. Otevřete sadu Visual Studio.

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

    Screenshot shows the Create a new project option in the Visual Studio start window.

  3. V okně Vytvořit nový projekt vyhledejte model Windows Forms. Potom v seznamu typů projektů vyberte Možnost Plocha.

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

    Screenshot shows the Create a new project dialog box with Windows Forms entered and options for Windows Forms App.

    Poznámka:

    Pokud šablonu aplikace model Windows Forms (.NET Framework) nevidíte, můžete ji nainstalovat z okna Vytvořit nový projekt. Ve zprávě Nenašli jste, co hledáte? Vyberte odkaz Instalovat další nástroje a funkce .

    Screenshot shows the Install more tools and features link from the Not finding what you're looking for message in the Create new project dialog box.

    V Instalační program pro Visual Studio vyberte vývoj desktopových aplikací .NET.

    Screenshot shows .NET Core workload in the Visual Studio Installer.

    V Instalační program pro Visual Studio vyberte Upravit. Může se zobrazit výzva k uložení práce. Dále vyberte Pokračovat a nainstalujte úlohu.

  5. V okně Konfigurovat nový projekt pojmenujte project PictureViewer a pak vyberte Vytvořit.

    Screenshot shows the Configure your new project dialog box.

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 sada Visual Studio zobrazí prázdný formulář v návrháři formulářů systému Windows.

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 kurzu. 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 model Windows Forms Designer. Karta přečte Form1.cs [Návrh] pro C# nebo Form1.vb [Design] pro Visual Basic.

  2. Vyberte libovolné místo ve formuláři 1.

  3. Okno Vlastnosti teď zobrazuje vlastnosti formuláře. Okno Vlastnosti je obvykle v pravém dolním rohu sady 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 vlastnosti nevidíte, vyberte okno Zobrazit>vlastnosti.

  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.

    Ve formuláři je teď 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.

    Screenshot shows the Forms window with the Drag handle in the lower right.

    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 se změnila. 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 Sada nástrojů. Pokud ho nevidíte, vyberte v>řádku nabídek panelu nabídek nebo kombinaci kláves Ctrl+Alt+X.

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

    Screenshot shows the Containers group in the Toolbox tab.

  8. Poklikejte na TableLayoutPanel v sadě 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.

    Screenshot show the form with the TableLayoutPanel control added.

    Poznámka:

    Jakmile přidáte TableLayoutPanel, pokud se ve formuláři zobrazí okno s názvem TableLayoutPanel Tasks, kliknutím kamkoliv do formuláře ho zavřete.

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

    Screenshot shows the Properties window showing the TableLayoutPanel control.

  10. Při výběru TableLayoutPanel vyhledejte Dock vlastnost, 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.

    Screenshot shows the Properties window with Fill selected.

    Ukotvení označuje, jak je okno připojené 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.

    Screenshot shows TableLayoutPanel tasks.

  12. Výběrem možnosti Upravit řádky a sloupce zobrazte dialogové okno Styly sloupců a řádků.

  13. Vyberte Sloupec1 a nastavte jeho velikost na 15 procent. Ujistěte se, že je vybrané tlačítko Procento .

  14. Vyberte Sloupec2 a nastavte ho na 85 procent.

    Screenshot shows TableLayoutPanel column and row styles.

  15. V horní části dialogového okna Styly sloupců a řádků vyberte Řádky. Nastavte řádek 1 na 90 procent a řádek2 na 10 procent. Kliknutím na TLAČÍTKO OK uložte provedené změny.

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

    Screenshot shows the form with resized TableLayoutPanel.

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 na panelu nástrojů. Pokud chcete aplikaci uložit, zvolte v řádku nabídek možnost Uložit>vše pro uložení souboru nebo stiskněte kombinaci kláves Ctrl+Shift+S. Osvědčeným postupem je uložit brzy a často.

Spusťte aplikaci

Když vytvoříte projekt aplikace model 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 řádku nabídek vyberte 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ů.

    Screenshot shows the Windows Forms app running.

    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.

    Screenshot shows the Debugging toolbar where you can stop the app.

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

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

    Když spustíte aplikaci z integrovaného vývojového prostředí sady Visual Studio, nazývá se 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 První seznámení s ladicím programem.

Další kroky

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

Kurz 2. část: Přidání ovládacích prvků do Prohlížeče obrázků