Sdílet prostřednictvím

Vytvoření první aplikace WinUI 3

Tato série kurzů ukazuje, jak vytvořit aplikaci WinUI 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 tento kurz 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í Visual Studio 2022 vytvoříte aplikaci, pomocí které můžete zadat poznámku a uložit ji do místní aplikace storage. 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 vytvořit aplikaci WinUI project v Visual Studio pomocí šablony Blank App, Packaged (WinUI in Desktop) C# project. Při vytváření project použijte následující nastavení:

  • Název projektu

    Musí být nastaveno na WinUINotes. Pokud se project jmenuje něco jiného, 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á jako výchozí název project namespace pro kód aplikace.

  • Windows App SDK

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

Důležité

Pokud jste ještě nevytvořili project WinUI, postupujte podle pokynů v tématu Start vývoj aplikací pro Windows a ujistěte se, že jsou vývojové prostředí a Visual Studio project správně nastavené.

Když spustíte projekt s prázdnou aplikací (jak je uvedeno v 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é, k dokončení kurzu je nemusíte sledovat. Jsou k dispozici v případě, že si chcete poznamenat, kde najdete informace, které budete potřebovat, když začnete vytvářet vlastní aplikace.

Kontinue kroku 1 – nastavení Project

  • Last updated on