Benutzerschnittstelle und -eingabe

Dieser Artikel gibt einen Überblick über die Windows UI-Frameworks, die derzeit von Microsoft gepflegt werden, und vergleicht ihre Funktionen.

Microsoft stellt sowohl UI-Frameworks als auch Anwendungsplattformen her. App-Plattformen enthalten in der Regel ein UI-Framework, während UI-Frameworks entweder eigenständig sind (nicht mit einer App-Plattform ausgeliefert werden) oder mit mehreren App-Plattformen verwendet werden können (siehe Wählen Sie Ihre App-Plattform).

Zu den hier besprochenen Frameworks gehören die WinUI sowohl für Windows App SDK (WinUI 3) als auch für UWP (WinUI 2), Windows Presentation Foundation (WPF) und Windows Forms (WinForms).

Grundlagen der Benutzeroberfläche

Bei der Entwicklung einer modernen Windows-Anwendung können Sie aus einer Reihe von UI-Frameworks wählen. UI-Frameworks versorgen Ihre Anwendung mit integrierten Steuerelementen, Stilen, Animationen, Eingabeverarbeitung und vielem mehr.

Es gibt fünf Hauptkomponenten, die bei der Erstellung einer Benutzeroberfläche für Ihre Windows-Anwendung eine Rolle spielen. Diese Komponenten sind normalerweise in jedem UI-Framework enthalten.

• Steuert die Stile und

  • Ein Steuerelement ist ein UI-Element, das Inhalte anzeigt oder Interaktionen ermöglicht. Steuerelemente sind die Bausteine der Benutzeroberfläche.

    Hier ist ein Beispiel für ein Schaltflächen-Steuerelement, das in UWP, WinUI 2 und WinUI 3 verfügbar ist. Wenn Sie dieses Steuerelement in Ihrer Anwendung platzieren, erhält es automatisch das Standarddesign, das das UI-Framework bereitstellt.

    

  • Stile bestehen aus Farben, Typografie, Symbolen, Fluent-Materialien und mehr, die im gesamten Design Ihrer App verwendet werden können, um ein wirklich einzigartiges Erlebnis zu schaffen.

    Hier ist ein Beispiel für eine Stilkomponente namens Acrylic, die in WinUI 2 und WinUI 3 verfügbar ist. Acryl ist ein Pinsel, den Sie auf Oberflächen innerhalb Ihrer App oder als Hintergrund für Ihre App verwenden können. Es bietet eine durchscheinende Textur.

    

• Eingabe und Interaktion

  Endnutzer können mit Ihrer App interagieren und Eingaben in Ihre App (z. B. Auswahl oder Eingabe) über verschiedene Methoden vornehmen. Einige Beispiele für Eingaben sind:

  • Maus
  • Toucheingabe
  • Gamepad
  • Stift
  • Tastatur
  • Surface Dial
  • Touchpad
  • Speech

• Unterstützung für Geräte

  Endbenutzer greifen auf Windows-Anwendungen auf einer Vielzahl von Geräten zu, und UI-Frameworks unterstützen möglicherweise nur bestimmte Geräte. Einige gängige Geräte, auf denen Windows-Anwendungen ausgeführt werden können, sind:

  • PCs (oft als „Desktop“ bezeichnet, umfasst aber auch Laptops)
  • Tablets
  • HoloLens
  • Xbox
  • Surface Hub

• Bewegung und Animation

  Integrierte Animationen können Ihrer Anwendung ein ausgefeiltes Aussehen verleihen und für Konsistenz mit Erstanbieteranwendungen in Windows sorgen.

  Ein Beispiel für eine integrierte Animation in UWP, WinUI 2 und WinUI 3 ist die Animation, die auftritt, wenn der Endbenutzer zwischen hellem und dunklem Modus wechselt. Wenn der Endbenutzer den Modus für seinen gesamten PC umschaltet, wird auch die Benutzeroberfläche der App automatisch mit einer Übergangsanimation aktualisiert.

• Benutzerfreundlichkeit und Bedienungshilfen

  Um sicherzustellen, dass Ihre App für jeden einzelnen Benutzer angenehm zu bedienen ist, müssen Sie die Barrierefreiheit berücksichtigen.

  UI-Frameworks bieten integrierte Zugänglichkeit zu Steuerelementen und Stilen mit zielgerichtetem Tastaturverhalten, Screenreader-Unterstützung und mehr. Viele bieten auch APIs für barrierefreie Aktionen in benutzerdefinierten Steuerelementen, z. B. für die Interaktion mit Screenreadern.

UI-Frameworks

Jedes von Microsoft herausgegebene UI-Framework verfügt über einzigartige Funktionen, verwendet unterschiedliche Designsprachen und bietet dem Endbenutzer unterschiedliche Erfahrungen. In diesem Abschnitt werden die wichtigsten UI-Frameworks verglichen, aus denen Sie bei der Entwicklung Ihrer Anwendung wählen können.

Die folgende Tabelle enthält eine kurze Zusammenfassung einiger wichtiger Funktionen dieser UI-Frameworks. Weitere Einzelheiten zu jedem Rahmenwerk finden Sie auf den Registerkarten weiter unten.

Funktion	Windows-Anwendungs-SDK (WinUI 3)	WinUI 2 für UWP	WPF	WinForms
Unterstützte Sprachen	C#/.NET 6 und höher, C++/WinRT	C#/.NET Native, C++/WinRT, C++/CX, VB	C#/.NET 6 (und höher) und .NET Framework, C++/CLI (Managed Extensions für C++), F#, VB	C#/.NET 6 (und höher) und .NET Framework, C++/CLI (Managed Extensions für C++), F#, VB
Unterstützte Geräte	PCs (inkl. Laptops und Tablets), Unterstützung für alle Windows 10 Geräte in Kürze	Alle Windows 10-Geräte (PCs, Tablets, HoloLens, Xbox, Surface Dial und mehr)	Desktop-PCs und Laptops	Desktop-PCs und Laptops
Unterstützte Eingänge	Alle Windows 10 Eingänge werden unterstützt	Alle Windows 10 Eingänge werden unterstützt	Maus und Tastatur	Maus und Tastatur
Unterstützte Windows OS-Version	Windows 10 ab Version 1809	Windows 10 ab Version 1703	Windows XP oder höher	Windows XP oder höher
WebView-Unterstützung	Chromium-basiertes WebView2	Nicht-Chromium WebView	WebView2-Unterstützung in Kürze	WebView2-Unterstützung in Kürze
Open Source	In Kürze verfügbar	Ja	Ja (nur .NET 6 und höher)	Ja (nur .NET 6 und höher)

Weitere Informationen zu jedem dieser UI-Frameworks finden Sie auf den folgenden Registerkarten.

Windows-Anwendungs-SDK (WinUI 3)

Windows-Anwendungs-SDK (WinUI 3)

Für die meisten neuen Windows-Anwendungen empfehlen wir WinUI mit dem Windows App SDK (WinUI 3), um Ihre Benutzeroberfläche zu erstellen. WinUI 3 bietet unter Verwendung der neuesten Benutzeroberflächenmuster (UI) einheitliche, intuitive und zugängliche Benutzerumgebungen.

WinUI 3 ist vollständig vom Windows-Betriebssystem entkoppelt und wird als Teil des Windows App SDK ausgeliefert. Dabei handelt es sich um eine Reihe von Tools und Komponenten, die die nächste Evolutionsstufe der Windows App-Entwicklungsplattform darstellen.

WinUI 3 ist die neueste Generation von WinUI. WinUI 2 und 3 haben viele der gleichen Steuerelemente, Stile und andere Grundlagen der Benutzeroberfläche gemeinsam (siehe Vergleich von WinUI 2 und WinUI 3).

Wichtige Anwendungsszenarien, die durch WinUI 3 ermöglicht werden

• Moderne Windows-Anwendungen, die auf einer Vielzahl von modernen Geräten mit einer Reihe von modernen Eingaben laufen müssen
• Desktop/Win32-Anwendungen, die in C++ geschrieben sind
• Grafikintensive Anwendungen oder Spiele, die die Vorteile von DirectX und Win2D nutzen möchten
• Anwendungen mit vielen integrierten Webinhalten, die eine hohe Leistung benötigen
• Anwendungen, die darauf abzielen, Erfahrungen zu bieten, die in das Windows-Betriebssystem und in andere Windows-Anwendungen von Erstanbietern „passen“

Hilfreiche Dokumentation für WinUI 3

• Übersicht: WinUI 3
• Erste Schritte: Erstellen Sie Ihr erstes WinUI 3-Projekt
• XAML schreiben: XAML-Plattform
• API-Referenz: WinUI-API-Referenz
• Steuerelemente: Übersicht über die Steuerelemente
• Eingabe: Input und Interaktionen
• Antrag: Bewegung für Windows-Anwendungen
• Zugänglichkeit: Benutzerfreundlichkeit für Windows-Anwendungen
• Beispiele: WinUI 3 Galerie-Anwendung

WinUI 2 für UWP

WinUI 2 für UWP

Für die meisten UWP-Apps empfehlen wir die Verwendung von WinUI 2 zur Erstellung der Benutzeroberfläche. WinUI 2 ist ein eigenständiges UI-Framework, das in einem NuGet-Paket ausgeliefert wird und einfach zu jeder UWP-Anwendung hinzugefügt werden kann, um das Design und das Gesamterlebnis zu modernisieren.

WinUI 2 und 3 haben viele der gleichen Steuerelemente, Stile und andere Grundlagen der Benutzeroberfläche gemeinsam (siehe Vergleich von WinUI 2 und WinUI 3).

Wichtige Anwendungsszenarien, die durch WinUI 2 ermöglicht werden

• UWP-Anwendungen, die auf allen Versionen von Windows 10 und Windows 11 funktionieren sollen
• Grafikintensive Anwendungen oder Spiele, die die Vorteile von DirectX und Win2D nutzen möchten
• UWP-Anwendungen, die auf einer Vielzahl von modernen Geräten mit einer Reihe von modernen Eingaben laufen müssen
• Anwendungen, die darauf abzielen, Erfahrungen zu bieten, die in das Windows-Betriebssystem und in andere Windows-Anwendungen von Erstanbietern „passen“

Hilfreiche Dokumentation für WinUI 2

• Übersicht: WinUI 2
• Erste Schritte: Erste Schritte mit der Windows UI 2.x-Bibliothek
• XAML schreiben: XAML-Plattform
• API-Referenz: WinUI-API-Referenz
• Steuerelemente: Übersicht über die Steuerelemente
• Eingabe: Input und Interaktionen
• Antrag: Bewegung für Windows-Anwendungen
• Zugänglichkeit: Benutzerfreundlichkeit für Windows-Anwendungen
• Beispiele: WinUI 2 Galerie-Anwendung

WPF

WPF

Das Windows Presentation Framework (WPF) ist ein Anwendungsmodell zur Erstellung von Desktop-Anwendungen mit .NET 6 (und höher) oder dem .NET Framework. Es ist eine Open-Source-Plattform, die sowohl von den Windows- als auch von den .NET-Teams gepflegt wird.

Das in WPF enthaltene UI-Framework bietet Steuerelemente, Stile und Funktionen, die bis hinunter zu Windows XP unterstützt werden.

Wichtige Anwendungsszenarien, die durch WPF ermöglicht werden

• Anwendungen, die auf Windows-Versionen vor Windows 10 heruntergestuft werden müssen
• Apps, die ausschließlich auf PCs laufen und keine verschiedenen Eingaben wie z. B. Touch erfordern
• Anwendungen, die komplexere, eingebaute Kontrollen benötigen: WPF verfügt über den größten Satz integrierter Steuerelemente, der für die Windows-Entwicklung verfügbar ist

Hilfreiche Dokumentation für WPF

• Überblick: Desktop-Handbuch (WPF .NET)
• Erste Schritte: Anleitung: Erstellen Sie eine neue WPF-Anwendung
• XAML schreiben: XAML-Übersicht (WPF .NET)
• API-Referenz: .NET-API-Referenz
• Steuerelemente: Steuerelemente (WPF)
• Eingabe: Eingabe (WPF)
• Antrag: Überblick über die Animation
• Zugänglichkeit: Bewährte Praktiken der Barrierefreiheit
• Beispiele: WPF-Beispiele GitHub Repo

Windows Forms

Windows Forms

Windows Forms bietet einen einzigartigen integrierten Visual Studio Designer für die Erstellung von Desktop-.NET-Anwendungen. Mit dem Designer erstellen Sie Ihre Benutzeroberfläche, indem Sie die integrierten Steuerelemente per Drag & Drop direkt auf die Benutzeroberfläche Ihrer Anwendung ziehen.

Windows Forms ist ein Open-Source-Projekt.

Beachten Sie, dass Windows Forms im Gegensatz zu den anderen in diesem Artikel erwähnten UI-Frameworks keine Animationen integriert hat. Es unterstützt auch kein XAML-Markup - Sie müssen entweder den Designer oder Code verwenden, um die Benutzeroberfläche Ihrer Anwendung zu erstellen.

Wichtige Anwendungsszenarien, die durch Windows Forms ermöglicht werden

• Entwickler oder Designer, die Anwendungen erstellen möchten, ohne XAML zu kennen oder zu schreiben
• Anwendungen, die auf Windows-Versionen vor Windows 10 heruntergestuft werden müssen
• Apps, die ausschließlich auf PCs laufen und keine verschiedenen Eingaben wie z. B. Touch erfordern
• Anwendungen, die keine benutzerdefinierten Steuerelemente oder eine stark angepasste Benutzeroberfläche erstellen wollen

Hilfreiche Dokumentation für Windows Forms

• Überblick: Desktop-Handbuch (Windows Forms .NET)
• Erste Schritte: Anleitung: Erstellen Sie eine neue WinForms-Anwendung (Windows Forms .NET)
• API-Referenz: .NET-API-Referenz
• Steuerelemente: Überblick über die Verwendung von Steuerelementen (Windows Forms .NET)
• Eingabe: Benutzereingabe (Windows Forms)
• Zugänglichkeit: Windows Forms Barrierefreiheit
• Beispiele: Winforms Samples GitHub Repo

Andere

Andere

Es gibt einige UI-Frameworks, die in diesem Artikel nicht behandelt wurden, darunter Win32/ComCtl32 und MFC. Diese UI-Frameworks können zwar immer noch verwendet werden, werden aber nicht regelmäßig gewartet und erfüllen nicht die gleichen Zugänglichkeits- und Designstandards, die Windows heute bietet. Es wird empfohlen, bei der Erstellung neuer Windows-Anwendungen ein moderneres Framework zu verwenden.

Wenn Sie mehr über die Modernisierung einer Anwendung erfahren möchten, die ein älteres UI-Framework verwendet, lesen Sie Modernize your desktop apps.

Weitere Informationen zu diesen UI-Frameworks finden Sie in der folgenden Dokumentation:

• MFC-Übersicht
• Win32/ComCtl32