Kurz: Vytvoření první aplikace Windows App SDK v sadě Visual Studio pomocí XAML a jazyka C#

V tomto úvodu do integrovaného vývojového prostředí (IDE) sady Visual Studio vytvoříte aplikaci Hello World, která běží na jakémkoli zařízení s Windows 10 nebo novějším. K tomu použijete šablonu projektu sady Windows App SDK (WinUI 3), jazyk XAML (Extensible Application Markup Language) a programovací jazyk C#.

Poznámka

WinUI 3 je nativní komponenta platformy uživatelského rozhraní, která se dodává se sadou Windows App SDK. Je zcela oddělená od sad Windows SDK. Další informace naleznete v tématu WinUI 3.

Požadavky

• K dokončení tohoto kurzu potřebujete Visual Studio 2026 nebo nejnovější verzi sady Visual Studio 2022. Bezplatnou verzi najdete na stránce Visual Studio downloads.
• Úlohy a komponenty potřebné k vývoji pomocí WinUI a sady Windows App SDK. Pokud chcete ověřit nebo nainstalovat úlohu v sadě Visual Studio, vyberte Tools>Získat nástroje a funkce. Další informace najdete v tématu Změna úloh nebo jednotlivých komponent.

Na kartě Úlohy instalačního programu sady Visual Studio vyberte následující:

Pro vývoj aplikací v jazyce C# pomocí sady Windows App SDK vyberte Vývoj aplikací WinUI.

Podrobnosti najdete v tématu Instalace nástrojů sady Windows App SDK.

Vytvoření projektu

Nejprve vytvořte projekt WinUI 3. Typ projektu obsahuje všechny soubory šablony, které potřebujete, ještě než něco přidáte!

1. Otevřete Visual Studio a v úvodním okně zvolte Vytvořit nový projekt.

2. Na obrazovce Vytvořit nový projekt zadejte winUI do vyhledávacího pole, zvolte šablonu C# pro prázdnou aplikaci WinUI (zabaleno) a pak zvolte Další.

   

3. Pojmenujte projekt, HelloWorld a zvolte Vytvořit.

   

Poznámka

Pokud k vytvoření aplikace Windows App SDK použijete Visual Studio poprvé, může se zobrazit dialogové okno Nastavení . Zvolte Vývojářský režim a pak zvolte Ano.

Visual Studio za vás nainstaluje další balíček vývojářského režimu. Po dokončení instalace balíčku zavřete dialogové okno Nastavení .

Vytvoření aplikace

Je čas začít vyvíjet. Tady přidáte ovládací prvek tlačítka, přidáte do něj akci a pak spustíte aplikaci Hello World , abyste viděli, jak vypadá.

Přidejte tlačítko na plátno návrhu

1. V Průzkumníku řešení dvojklikem na MainWindow.xaml otevřete editor značek XAML.

   

   Editor XAML je místo, kde můžete přidávat nebo měnit značkování. Na rozdíl od projektů UPW nemá WinUI 3 návrhové zobrazení.

   

2. <Grid> Uvnitř položky začněte psát <Button. IntelliSense nabízí možnost tlačítka. Stisknutím klávesy Tab přijměte.

   

Změna popisku na tlačítku

1. V editoru XAML změňte hodnotu obsahu tlačítka z aktuální hodnoty na "Hello World!".

   

2. Umístěte kurzor do <Button> počáteční značky elementu (za existující atributy, například Content) a začněte psát Klikněte. IntelliSense nabízí novou obslužnou rutinu události s názvem Button_Click. S tímto kódem pracujete v další části.

   

Úprava obslužné rutiny události

Obslužná rutina událostí zní složitě, ale je to jen další název kódu, který se volá, když dojde k události. V tomto případě přidá akci aktivovanou aplikací Hello World. Tlačítko.

1. V Průzkumníku řešenídvakrát klikněte na MainWindow.xaml.cs, na stránku s kódem.

2. Upravte kód obslužné rutiny události v okně editoru C#, které se otevře.

   Tady jsou věci zajímavé. Výchozí obslužná rutina události vypadá takto:

   

   Pojďme ho změnit, aby vypadal takto:

   

   Tady je kód, který chcete zkopírovat a vložit:

   private async void Button_Click(object sender, RoutedEventArgs e)
   {
       var welcomeDialog = new ContentDialog()
       {
           Title = "Hello from HelloWorld",
           Content = "Welcome to your first Windows App SDK app.",
           CloseButtonText = "Ok",
           XamlRoot = ((FrameworkElement)sender).XamlRoot
       };
       await welcomeDialog.ShowAsync();
   }
   

Co jsme udělali?

Kód používá ovládací prvek ContentDialog k zobrazení uvítací zprávy v modálním vyskakovacím okně v aktuálním okně. Další informace o použití Microsoft.UI.Xaml.Controls.ContentDialog naleznete v Třída ContentDialog.

Spuštění aplikace

Je čas sestavit, nasadit a spustit aplikaci Hello World Windows App SDK, abyste viděli, jak vypadá. Tady je postup.

1. Pomocí tlačítka Přehrát spusťte aplikaci na místním počítači. Obsahuje text HelloWorld (Package).

   

   Můžete také zvolit Ladění>Spustit ladění v liště nabídek nebo stisknutím klávesou F5 spustit vaši aplikaci.

2. Zobrazte si aplikaci, která se zobrazí brzy po tom, co úvodní obrazovka zmizí. Aplikace by měla vypadat podobně jako na tomto obrázku:

   

3. Vyberte tlačítko Hello World.

   Vaše zařízení s Windows 10 nebo novějším zobrazí zprávu "Vítá vás první aplikace Sady Windows App SDK" s názvem "Hello from HelloWorld". Kliknutím na tlačítko OK zprávu zavřete.

   

4. Aplikaci zavřete tak, že na panelu nástrojů vyberete tlačítko Zastavit ladění. Případně zvolte Debug>Zastavit ladění z řádku nabídek, nebo stiskněte Shift+F5.

Související obsah

Blahopřejeme k dokončení tohoto kurzu! Doufáme, že jste se naučili některé základní informace o sadě Windows App SDK, WinUI 3 a integrovaném vývojovém prostředí sady Visual Studio. Další informace najdete v následujícím kurzu:

Kurz: Vytvoření jednoduchého prohlížeče fotek pomocí WinUI 3

Tyto zdroje informací můžou být užitečné také:

• Psaní aplikací pro Windows: Výběr vývojové technologie
• Přehled sady Windows App SDK
• ukázky sady Windows App SDK / WinUI 3