Erstellen einer WinUI-App

In dieser Lernprogrammreihe wird veranschaulicht, wie Sie eine WinUI 3-App mit XAML und C# erstellen. Die App, die Sie erstellen, ist eine Notiz-App, in der der Benutzer mehrere Notizen erstellen, speichern und laden kann. Sie können den Code für dieses Lernprogramm aus dem GitHub-Repository herunterladen oder anzeigen.

In diesem Tutorial lernen Sie Folgendes:

• Verwenden Sie XAML-Markup, um die Benutzeroberfläche der App zu definieren.
• Interagieren Sie mit XAML-Elementen über C#-Code.
• Speichern und laden Sie Dateien aus dem lokalen Dateisystem.
• Erstellen Sie Ansichten und binden Sie sie an Daten.
• Verwenden Sie die Navigation, um zu und von Seiten in der App zu wechseln.
• Verwenden Sie Ressourcen wie Dokumentation und Beispiel-Apps, um Ihre eigene App zu erstellen.

Sie verwenden Visual Studio 2022 zum Erstellen einer App, mit der Sie eine Notiz eingeben und im lokalen App-Speicher speichern können. Hier finden Sie den Quellcode für diese App. Die App verfügt über zwei Seiten:

• NotePage - eine Seite zum Bearbeiten einer einzelnen Notiz.
• AllNotesPage – eine Seite, auf der alle gespeicherten Notizen angezeigt werden.

Die fertige Anwendung wird unten gezeigt:

AllNotesPage

NotePage

Erstellen des Visual Studio-Projekts

Um dieses Lernprogramm zu starten, müssen Sie ein WinUI 3-App-Projekt in Visual Studio mithilfe der Blank App, Packaged (WinUI 3 in Desktop) C#-Projektvorlage erstellen. Verwenden Sie beim Erstellen des Projekts die folgenden Einstellungen:

• Projektname

  Dieser muss auf WinUINotes festgelegt werden. Wenn das Projekt einen anderen Namen hat, kann der Code, den Sie aus diesem Lernprogramm kopieren und einfügen, zu Buildfehlern führen. Dies liegt daran, dass Visual Studio den Projektnamen als Standardnamespace für Ihren App-Code verwendet.

• Windows App SDK

  In diesem Lernprogramm werden Features verwendet, die in Windows App SDK 1.7 neu sind. Sie müssen sicherstellen, dass das NuGet-Paket des Windows App SDK auf Version 1.7 oder höher aktualisiert wird.

Von Bedeutung

Wenn Sie zuvor noch kein WinUI 3-Projekt erstellt haben, führen Sie die Schritte beim Entwickeln von Windows-Apps aus, um sicherzustellen, dass Ihre Entwicklungsumgebung und Das Visual Studio-Projekt ordnungsgemäß eingerichtet sind.

Wenn Sie Ihr leeres App-Projekt ausführen (wie in "Start beim Entwickeln von Windows-Apps" beschrieben), sollte ein leeres Fenster angezeigt werden, das wie folgt aussieht:

Tipp

Sie verweisen häufig auf API-Referenzdokumente und konzeptionelle Dokumente beim Erstellen von Windows-Apps. In diesem Lernprogramm werden Links inline im Text und in Gruppen mit der Bezeichnung "Weitere Informationen in den Dokumenten:" angezeigt. Diese Links sind optional; Sie müssen sie nicht befolgen, um das Lernprogramm abzuschließen. Sie werden für den Fall bereitgestellt, dass Sie notieren möchten, wo Sie die Informationen finden, die Sie benötigen, wenn Sie mit der Erstellung Ihrer eigenen Apps beginnen.

Fahren Sie mit Schritt 1 fort – Project-Setup