Freigeben über

Benutzeroberfläche und Eingabe

Dieser Artikel enthält eine Übersicht über die Windows-Benutzeroberflächenframeworks, die derzeit von Microsoft verwaltet werden, und vergleicht ihre Funktionen.

Microsoft produziert sowohl Benutzeroberflächenframeworks als auch App-Plattformen. App-Plattformen enthalten in der Regel ein Benutzeroberflächenframework, während UI-Frameworks entweder eigenständig (nicht mit einer App-Plattform ausgeliefert) oder mit mehreren App-Plattformen verwendet werden können (siehe Auswählen Ihrer App-Plattform).

Zu den hier erläuterten Frameworks gehören WinUI für Windows App SDK (WinUI 3) und UWP (WinUI 2), Windows Presentation Foundation (WPF) und Windows Forms (WinForms).

Grundlagen der Benutzeroberfläche

Beim Erstellen einer modernen Windows-App haben Sie eine Auswahl an UI-Frameworks, aus denen Sie auswählen können. Benutzeroberflächenframeworks bieten Ihrer App integrierte Steuerelemente, Stile, Animationen, Eingabebehandlung und vieles mehr.

Es gibt fünf Hauptkomponenten zum Erstellen einer Benutzeroberfläche für Ihre Windows-App. Diese Komponenten sind in der Regel in jedes Benutzeroberflächenframework integriert.

  • Steuerelemente und Formatvorlagen

    • 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 Ihre App einfügen, erhält es automatisch das Standarddesign, das das Benutzeroberflächenframework 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 Acryl, die in WinUI 2 und WinUI 3 verfügbar ist. Acryl ist ein Pinsel, den Sie auf Oberflächen in Ihrer App oder als Hintergrund Ihrer App verwenden können. Es stellt eine transluzente Textur bereit.

      Acrylmaterial

  • Eingabe und Interaktion

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

    • Maus
    • Berührung
    • Spiel-Controller
    • Stift
    • Tastatur
    • Surface-Drehscheibe
    • Berührungspad (Touchpad)
    • Rede

  • Geräteunterstützung

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

    • PCs (häufig als "Desktop" bezeichnet, enthält aber auch Laptops)
    • Tabletten
    • HoloLens
    • Xbox (Englisch)
    • Oberflächen-Hub

  • Bewegung und Animation

    Integrierte Animationen können Ihrer App wirklich ein ansprechendes Aussehen und Verhalten verleihen und Konsistenz mit Apps von Erstanbietern in Windows bieten.

    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 die Modi für den gesamten PC wechselt, ändert sich das Layout der App automatisch mit einer Übergangsanimation.

  • Nutzbarkeit und Barrierefreiheit

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

    Benutzeroberflächenframeworks bieten integrierte Barrierefreiheit für Steuerelemente und Stile mit gezieltem Tastaturverhalten, Unterstützung für Bildschirmleser und mehr. Viele stellen auch APIs für barrierefreie Aktionen in benutzerdefinierten Steuerelementen bereit, z. B. die Interaktion mit Bildschirmlesern.

Benutzeroberflächenframeworks

Jedes von Microsoft veröffentlichte Benutzeroberflächenframework verfügt über einzigartige Funktionen, folgt verschiedenen Entwurfssprachen und bietet dem Endbenutzer unterschiedliche Funktionen. In diesem Abschnitt werden alle Haupt-Benutzeroberflächenframeworks verglichen, die Sie beim Erstellen Ihrer App auswählen werden.

Die folgende Tabelle enthält eine kurze Zusammenfassung einiger Hauptfunktionen zwischen diesen Benutzeroberflächenframeworks. Weitere Details zu den einzelnen Frameworks finden Sie in den Tabs weiter unten.

Fähigkeit Windows App SDK (WinUI 3) WinUI 2 für UWP WPF (Windows Presentation Foundation) 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 (verwaltete Erweiterungen für C++), F#, VB C#/.NET 6 (und höher) und .NET Framework, C++/CLI (verwaltete Erweiterungen 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 verfügbar Alle Windows 10-Geräte (PCs, Tablets, HoloLens, Xbox, Surface Dial und mehr) Desktop-PCs und Laptops Desktop-PCs und Laptops
Unterstützte Eingaben Alle Windows 10-Eingaben werden unterstützt Alle Windows 10-Eingaben werden unterstützt Maus und Tastatur Maus und Tastatur
Unterstützte Windows-Betriebssystemversion Windows 10, Version 1809 oder höher Windows 10 Version 1703 oder höher Windows XP oder höher Windows XP oder höher
WebView-Unterstützung Chromium-basiertes WebView2 Nicht-Chromium-WebView WebView2-Support in Kürze verfügbar WebView2-Support in Kürze verfügbar
Quelloffen In Kürze verfügbar Ja Ja (nur .NET 6 und höher) Ja (nur .NET 6 und höher)

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

Windows App SDK (WinUI 3)

Für die meisten neuen Windows-Apps empfehlen wir WinUI mit dem Windows App SDK (WinUI 3), um Ihre Benutzeroberfläche zu erstellen. WinUI 3 bietet konsistente, intuitive und barrierefreie Oberflächen mit den neuesten Benutzeroberflächenmustern.

WinUI 3 wird vollständig vom Windows-Betriebssystem entkoppelt und wird als Teil des Windows App SDK ausgeliefert, das eine Reihe von Tools und Komponenten ist, die die nächste Entwicklung in der Windows-App-Entwicklungsplattform darstellen.

WinUI 3 ist die neueste Generation von WinUI. WinUI 2 und 3 teilen viele der gleichen Steuerelemente, Stile und anderen UI-Grundlagen (siehe Vergleich von WinUI 2 und WinUI 3).

Wichtige App-Szenarien, die von WinUI 3 aktiviert werden

  • Moderne Windows-Apps, die auf einer Vielzahl moderner Geräte ausgeführt werden müssen, mit einer Reihe moderner Eingaben
  • Desktop-/Win32-Apps, die in C++ geschrieben sind
  • Grafikintensive Apps oder Spiele, die DirectX und Win2D nutzen möchten
  • Apps mit einer Vielzahl von integrierten Webinhalten, die eine hohe Leistung erfordern
  • Apps, die benutzererfahrungen bereitstellen möchten, die auf dem Windows-Betriebssystem und mit anderen Windows-Apps von Drittanbietern "passen"

Hilfreiche Dokumentation für WinUI 3