Tworzenie pierwszej aplikacji 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.

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ę.

Użyjesz Visual Studio 2022, aby utworzyć aplikację, której można użyć do wprowadzenia notatki i zapisania jej w storage lokalnej aplikacji. Kod źródłowy tej aplikacji można znaleźć tutaj. 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

Aby rozpocząć pracę z tym samouczkiem, musisz utworzyć aplikację WinUI w Visual Studio przy użyciu szablonu projektu Blank App, Packaged (WinUI in Desktop) C#. Podczas tworzenia project użyj następujących ustawień:

• 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.

• Windows App SDK

  W tym samouczku używane są nowe funkcje dostępne w Windows App SDK 1.7. Upewnij się, że pakiet NuGet Windows App SDK został zaktualizowany do wersji 1.7 lub nowszej.

Ważne

Jeśli wcześniej nie utworzono project WinUI, wykonaj kroki opisane w Start tworzenia aplikacji systemu Windows aby upewnić się, że środowisko deweloperskie i Visual Studio project zostały prawidłowo skonfigurowane.

Po uruchomieniu projektu pustej aplikacji (zgodnie z opisem w Rozpocznij tworzenie aplikacji na Windowsa), 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