Tworzenie aplikacji notatek WinUI 3

W tej serii samouczków pokazano, jak utworzyć aplikację WinUI przy użyciu języka XAML i języka C#. Aplikacja, którą utworzysz, to aplikacja notatek, w której użytkownik może tworzyć, zapisywać i ładować wiele notatek. Możesz pobrać lub wyświetlić kod tego samouczka z repozytorium GitHub.

Zacznij tutaj po utworzeniu i uruchomieniu pustego projektu. Jest to krok po kroku wprowadzenie do podstaw winUI 3 przy użyciu Visual Studio; nie jest wymagany żaden asystent kodowania sztucznej inteligencji ani zestaw narzędzi MVVM Toolkit.

W tym poradniku nauczysz się, jak:

• Użyj znaczników XAML, aby zdefiniować interfejs użytkownika aplikacji.
• Interakcja z elementami XAML za pomocą kodu W języku C#.
• Zapisywanie i ładowanie plików z lokalnego systemu plików.
• Tworzenie widoków i wiązanie ich z danymi.
• Użyj nawigacji, aby przejść do i ze stron w aplikacji.
• Użyj zasobów, takich jak dokumentacja i przykładowe aplikacje, aby utworzyć własną aplikację.

Utworzysz aplikację, której możesz użyć, aby wprowadzić notatkę i zapisać ją w lokalnym magazynie aplikacji. Aplikacja będzie mieć dwie strony:

• NotePage — strona do edytowania pojedynczej notatki.
• AllNotesPage — strona do wyświetlania wszystkich zapisanych notatek.

Ostateczna aplikacja jest pokazana poniżej:

AllNotesPage

NotePage

Utwórz projekt Visual Studio

Postępuj zgodnie ze ścieżką Visual Studio w przewodniku Szybki start: tworzenie i uruchamianie projektu WinUI 3 na potrzeby instalacji narzędzi i tworzenia projektu. Użyj spakowanego projektu języka C# z następującymi ustawieniami specyficznymi dla samouczka:

• Nazwa Projektu

  Musi to być ustawione na WinUINotes. Jeśli project ma inną nazwę, skopiowany i wklejony kod z tego samouczka może spowodować błędy kompilacji. Dzieje się tak, ponieważ Visual Studio używa nazwy project jako domyślnej nazwy namespace kodu aplikacji.

• Zestaw SDK aplikacji systemu Windows

  W tym samouczku wykorzystano funkcje dostępne w pakiecie Zestaw SDK do aplikacji systemu Windows 1.7 i nowszych wersjach. Upewnij się, że pakiet NuGet Zestaw SDK do aplikacji systemu Windows został zaktualizowany do wersji 1.7 lub nowszej.

Skompiluj i uruchom pusty WinUINotes projekt przed kontynuowaniem. Powinno zostać wyświetlone puste okno, które wygląda następująco:

Wskazówka

Podczas tworzenia aplikacji systemu Windows często odwołujesz się do dokumentacji referencyjnej interfejsu API i dokumentacji koncepcyjnej. W tym samouczku zobaczysz linki wbudowane w tekście i w grupach oznaczonych etykietą "Dowiedz się więcej w dokumentacji:". Te linki są opcjonalne; Nie musisz ich obserwować, aby ukończyć samouczek. Są one udostępniane w przypadku, gdy chcesz zanotować, gdzie można znaleźć potrzebne informacje, gdy zaczniesz tworzyć własne aplikacje.

Kontynuuj do kroku 1 — Konfiguracja projektu