Ihre erste WinUI-App erstellen

Erstellen Sie eine zweiseitige Notizen-App mit WinUI 3, XAML und C#. Sehen Sie sich zuerst die fertige Oberfläche an, und folgen Sie dann dem vollständigen Tutorial, um die Schnittstelle zu erstellen, sie mit Code zu verbinden, lokale Daten zu speichern und zwischen Seiten zu navigieren.

Erste Schritte mit WinUI

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.
  • Ansichten erstellen und an Daten binden.
  • Verwenden Sie die Navigation, um zu und von Seiten in der App zu wechseln.
  • Nutzen Sie Ressourcen wie Dokumentationen und Beispiel-Apps, um Ihre eigene App zu erstellen.
Vollständiges Tutorial anzeigen Code auf GitHub anzeigen
Die fertige WinUI-Notizen-App zeigt gespeicherte Notizen in einem adaptiven Raster an.
Warum WinUI

Ein modernes natives Framework für Windows-Apps

WinUI 3 bringt Fluent Design, moderne Steuerelemente und ein XAML-basiertes Programmiermodell über das Windows App SDK in Desktop-Apps für C# und C++. Modern Windows UI Erstellen Sie ansprechende, reaktionsfähige Benutzeroberflächen mit Steuerelementen und Stilen, die für Windows entwickelt wurden. WinUI 3 erkunden Teil des Windows App SDK Nutzen Sie moderne Windows-APIs und App-Funktionen über die empfohlene Plattform für neue Windows-Desktop-Apps. Weitere Informationen zur Windows App SDK Ein vertrauter Workflow mit C# und XAML Erstellen Sie die Schnittstelle mit XAML, fügen Sie Verhalten mit C# hinzu, und arbeiten Sie in Visual Studio mit einem integrierten Debugger. Den WinUI-Schnellstart anzeigen
Erforderliche Elemente

Ihre Windows-Entwicklungsumgebung vorbereiten

Bereiten Sie diese drei Dinge vor, bevor Sie beginnen. Microsoft Learn enthält die aktuellen Setup- und Versionsdetails. Ein Windows-PC Verwenden Sie ein unterstütztes Windows-Gerät, auf dem Sie die App lokal erstellen und ausführen können. Surface-PCs erkunden Visual Studio 2026 Installieren Sie Visual Studio mit der Workload für die WinUI-Anwendungsentwicklung. Visual Studio herunterladen WinUI-Entwicklungseinrichtung Aktivieren Sie den Entwicklermodus, erstellen Sie ein gepacktes C#-WinUI-Projekt, und vergewissern Sie sich, dass die leere App ausgeführt wird. Einrichten Ihrer Umgebung

Bereit, die Notizen-App zu erstellen?

Folgen Sie dem aktuellen Tutorial auf Microsoft Learn, um das Projekt zu erstellen, die Benutzeroberfläche und die App-Logik hinzuzufügen und die fertige Anwendung zu überprüfen.

Vollständiges Tutorial anzeigen