Sdílet prostřednictvím

Vytvoření aplikace WinUI

Tato série kurzů ukazuje, jak vytvořit aplikaci WinUI 3 pomocí XAML a C#. Aplikace, kterou vytvoříte, je aplikace poznámky, ve které může uživatel vytvářet, ukládat a načítat více poznámek. Kód pro účely tohoto kurzu si můžete stáhnout nebo zobrazit z úložiště GitHub.

V tomto návodu se naučíte, jak:

  • K definování uživatelského rozhraní aplikace použijte kód XAML.
  • Interakce s elementy XAML prostřednictvím kódu jazyka C#.
  • Uložte a načtěte soubory z místního systému souborů.
  • Umožňuje vytvářet zobrazení a svázat je s daty.
  • Pomocí navigace můžete přejít na stránky v aplikaci a z nich.
  • K vytvoření vlastní aplikace použijte prostředky, jako je dokumentace a ukázkové aplikace.

Pomocí sady Visual Studio 2022 vytvoříte aplikaci, pomocí které můžete zadat poznámku a uložit ji do místního úložiště aplikací. Tady najdete zdrojový kód této aplikace. Aplikace bude mít dvě stránky:

  • NotePage - stránka pro úpravy jedné poznámky.
  • AllNotesPage - stránka, která zobrazí všechny uložené poznámky.

Poslední aplikace je znázorněná níže:

AllNotesPage

Poslední snímek obrazovky aplikace poznámek se třemi poznámkami k uložení

Poznámková stránka

Poslední snímek obrazovky aplikace poznámek zobrazující novou prázdnou poznámku

Vytvořte projekt ve Visual Studiu.

Pro zahájení tohoto kurzu musíte v sadě Visual Studio vytvořit projekt aplikace WinUI 3 pomocí šablony projektu jazyka Blank App, Packaged (WinUI 3 in Desktop) C#. Při vytváření projektu použijte následující nastavení:

  • Název projektu

    Musí být nastavena na WinUINoteshodnotu . Pokud má projekt jiný název, může kód, který zkopírujete a vložíte z tohoto kurzu, způsobit chyby sestavení. Důvodem je to, že Visual Studio používá název projektu jako výchozí obor názvů pro váš kód aplikace.

  • Windows App SDK

    Tento kurz používá funkce, které jsou v sadě Windows App SDK 1.7 nové. Musíte se ujistit, že je balíček NuGet sady Windows App SDK aktualizovaný na verzi 1.7 nebo novější.

Důležité

Pokud jste ještě nevytvořili projekt WinUI 3, postupujte podle pokynů v tématu Začínáme s vývojem aplikací pro Windows a ujistěte se, že jsou vývojové prostředí a projekt sady Visual Studio správně nastavené.

Když spustíte prázdný projekt aplikace (jak je uvedeno v tématu Začínáme s vývojem aplikací pro Windows), mělo by se zobrazit prázdné okno, které vypadá takto:

Okno aplikace poznámek s záhlavím a prázdnou oblastí obsahu.

Návod

Při vytváření aplikací pro Windows často odkazujete na referenční dokumenty k rozhraní API a koncepční dokumenty. V tomto kurzu uvidíte odkazy v textu a ve skupinách označených jako "Další informace v dokumentaci:". Tyto odkazy jsou volitelné; Abyste mohli absolvovat kurz, nemusíte je dodržovat. Jsou k dispozici v případě, že si chcete poznamenat, kde najdete informace, které budete potřebovat, když začnete vytvářet vlastní aplikace.

Pokračujte krokem 1 – nastavení projektu

  • Last updated on