Vytvoření aplikace poznámek 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.

Začněte tady po sestavení a spuštění prázdného projektu. Toto je podrobný úvod k základům WinUI 3 pomocí Visual Studio; nevyžaduje se žádný pomocník pro kódování AI ani sada nástrojů MVVM.

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.

Vytvoříte aplikaci, pomocí které můžete zadat poznámku a uložit ji do místního úložiště aplikací. 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

Postupujte podle Visual Studio cesty v rychlém startu: Vytvořte a spusťte projekt WinUI 3 pro instalaci a vytvoření projektu. Použijte zabalený projekt jazyka C# s těmito nastaveními specifickými pro kurz:

  • 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 k dispozici v Windows App SDK 1.7 a novějších verzích. Ujistěte se, že je balíček NuGet Windows App SDK aktualizován na verzi 1.7 nebo novější.

Před pokračováním sestavte a spusťte prázdný WinUINotes projekt. 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