Tworzenie aplikacji WinUI

W tej serii samouczków pokazano, jak utworzyć aplikację WinUI 3 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 programu Visual Studio 2022, aby utworzyć aplikację, której można użyć do wprowadzenia notatki i zapisania jej w lokalnym magazynie 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

Tworzenie projektu programu Visual Studio

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

• Nazwa projektu

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

• Zestaw SDK aplikacji systemu Windows

  W tym samouczku są używane funkcje, które są nowe w zestawie Windows App SDK 1.7. Upewnij się, że pakiet NuGet zestawu SDK aplikacji systemu Windows został zaktualizowany do wersji 1.7 lub nowszej.

Ważne

Jeśli wcześniej nie utworzono projektu WinUI 3, wykonaj kroki opisane w temacie Rozpoczynanie tworzenia aplikacji systemu Windows , aby upewnić się, że środowisko deweloperskie i projekt programu Visual Studio są skonfigurowane poprawnie.

Po uruchomieniu pustego projektu aplikacji (zgodnie z opisem w temacie Rozpoczynanie opracowywania aplikacji systemu Windows) 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.

Przejdź do kroku 1 — Konfiguracja projektu