Benutzerschnittstelle und -eingabe

  • Artikel

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 Windows UI Library (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.

      WinUI-Schaltfläche

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

      Acryl-Material

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

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 der Windows UI Library. 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