Share via


Windows-UI-Bibliothek 2.1

Die erste Open Source-Version der Windows-UI-Bibliothek – WinUI 2.1 (veröffentlicht im April 2019).

Mit WinUI erhältst du viele der aktuellsten Features der Windows UX-Plattform, einschließlich aktueller Fluent-Steuerelemente und Formatvorlagen, die in einer sofort nutzbaren Weise zur Verfügung stehen und mit Windows 10 Anniversary Update (14393) kompatibel sind. Der WinUI 2-Katalog gibt Beispiele, anhand derer du all die coolen neuen Features erkunden kannst, die der Bibliothek hinzugefügt wurden.

Das WinUI 2.1 NuGet-Paket herunterladen

Du kannst dich entscheiden, die WinUI-Pakete in deiner App zu verwenden, und dazu den NuGet-Paket-Manager einsetzen: Weitere Informationen findest du unter Erste Schritte mit der Windows-UI-Bibliothek.

Die Windows-UI-Bibliothek (WinUI) wird auf GitHub gehostet, wo wir uns über Fehlerberichte, Featureanforderungen und Communitycodebeiträge freuen.

Neuigkeiten in dieser Version

ItemsRepeater

Verwende ein ItemsRepeater-Steuerelement, um benutzerdefinierte Sammlungsoberflächen mit einem flexiblen Layoutsystem, benutzerdefinierten Ansichten und Virtualisierung zu erstellen. Im Gegensatz zu ListView stellt ItemsRepeater keine umfassende Benutzeroberfläche bereit– ItemsRepeater hat keine Standardbenutzeroberfläche und stellt keine Richtlinien hinsichtlich Fokus, Auswahl, oder Benutzerinteraktion bereit. Stattdessen ist das Steuerelement ein Baustein, den du dazu verwenden kannst, deine eigenen einzigartigen sammlungsbasierten Oberflächen und benutzerdefinierten Steuerelemente zu erstellen. Es unterstützt die Schaffung umfassender und leistungsfähigerer Benutzererfahrungen.

Short video showing the behavior of the Items Repeater control.

Dokumentation

AnimatedVisualPlayer

Der AnimatedVisualPlayer hostet und steuert die Wiedergabe von animierten visuellen Elementen, mit denen du deine App um sehr leistungsfähige benutzerdefinierte Bewegungsgrafiken bereichern kannst. Beispielsweise wird AnimatedVisualPlayer verwendet, um Lottie-Animationen anzuzeigen und zu steuern.

Short video showing the behavior of the Animated Visual Player control.

Dokumentation

TeachingTip

TeachingTip bietet ein fesselndes, mit dem Fluent-Design kompatibles Verfahren, Benutzer mit inhaltsreichen Tipps anzuleiten und zu informieren, die sich nicht aufdrängen. TeachingTip kann die Aufmerksamkeit auf neue oder wichtige Funktionen lenken, Benutzern die Erledigung von Aufgaben erklären und den Workflow verbessern, indem im Kontext relevante Informationen für die aktuelle Aufgabe angezeigt werden.

Short video showing the behavior of the Teaching Tip control.

Dokumentation

RadioMenuFlyoutItem

Bietet die Möglichkeit, Optionen im Format von Optionsfeldern in einer Menüleiste zu verwenden. Dies macht es möglich, Optionen mit Aufzählungspunkten zu Gruppen zusammenzufassen, die wie die Stationstasten eines Autoradios aneinander gekoppelt sind. Die Logik wird dem Entwickler abgenommen.

Screenshot showing the behavior of the Radio Menu Fly out Item control.

Dokumentation

CompactDensity

Der Kompaktmodus ermöglicht es Entwicklern, komfortable Benutzererfahrungen für eine beliebige Anzahl von Szenarien zu erstellen. Durch einfaches Hinzufügen eines Ressourcenwörterbuchs zu deiner Anwendung kannst du durchschnittlich ~33 % mehr Benutzeroberfläche unterbringen.

Screenshot showing the behavior of the Compact Density control.

Dokumentation

Schatten

Example

Das Erstellen einer visuellen Hierarchie in deiner Benutzeroberfläche macht es einfach, die Benutzeroberfläche zu durchsuchen und transportiert die Information, was wichtig ist und beachtet werden muss. Die Erhöhung der Rechte, das In-den-Vordergrund-Stellen bestimmter Elemente deiner Benutzeroberfläche, wird häufig verwendet, um eine solche Hierarchie in Software zu erreichen.

Seit dem Windows 10-Update aus Mai 2019 fügen viele unserer allgemeinen Steuerelemente Hervorhebung standardmäßig mithilfe von Z-Tiefe und Schatten hinzu. Die Steuerelemente NavigationView und TeachingTip in WinUI 2.1 weisen ebenfalls standardmäßig Schatten auf, wenn sie unter einem Betriebssystem mit dem Windows 10-Update aus Mai 2019 ausgeführt werden. Die vollständige Liste der Steuerelemente, die standardmäßig über Schatten verfügen, und Informationen zur Verwendung der zusätzlichen APIs stehen nach der Veröffentlichung des Windows 10-Updates aus Mai 2019 bereit, der Link wird hier eingefügt.

Beispiele

Tipp

Weitere Informationen, Entwurfsanleitungen und Codebeispiele finden Sie unter Entwerfen und Programmieren von Windows-Apps.

Die WinUI 3-Katalog- und WinUI 2-Katalog-Apps umfassen interaktive Beispiele für die meisten WinUI 3- und WinUI 2-Steuerelemente, -Features und -Funktionen.

Wenn sie bereits installiert sind, öffnen Sie sie, indem Sie auf die folgenden Links klicken: WinUI 3-Katalog oder WinUI 2-Katalog.

Wenn sie nicht installiert sind, können Sie den WinUI 3-Katalog und den WinUI 2-Katalog aus dem Microsoft Store herunterladen.

Sie können auch den Quellcode für beide von GitHub abrufen (verwenden Sie denmain-Branch für WinUI 3 und den Branchwinui2 für WinUI 2).

Dokumentation

Anleitungen für Steuerelemente der Windows-UI-Bibliothek sind in der Dokumentation zu Steuerelementen der universellen Windows-Plattform enthalten.

API-Referenzdokumente findest du hier: Windows-UI-Bibliotheks-APIs

Microsoft.UI.Xaml 2.1 Version History

Microsoft.UI.Xaml 2.1 – offizielle Version

April 2019

GitHub-Releaseseite

Download des NuGet-Pakets

Neues Feature (in früheren Vorabversionen nicht enthalten)

  • CompactDensity: Der Kompaktmodus ermöglicht es Entwicklern, komfortable Benutzererfahrungen für eine beliebige Anzahl von Szenarien zu erstellen. Durch einfaches Hinzufügen eines Ressourcenwörterbuchs zu deiner Anwendung kannst du durchschnittlich ~33 % mehr Benutzeroberfläche unterbringen.

  • Schatten: Das Erstellen einer visuellen Hierarchie in deiner Benutzeroberfläche macht es einfach, die Benutzeroberfläche zu durchsuchen und transportiert die Information, was wichtig ist und beachtet werden muss. Die Erhöhung der Rechte, das In-den-Vordergrund-Stellen bestimmter Elemente deiner Benutzeroberfläche, wird häufig verwendet, um eine solche Hierarchie in Software zu erreichen. Viele unserer allgemeinen Steuerelemente fügen Hervorhebung standardmäßig mithilfe von Z-Tiefe und Schatten hinzu.

Microsoft.UI.Xaml 2.1.190218001-Vorschauversion

Februar 2019

GitHub-Releaseseite

Download des NuGet-Pakets

Neue experimentelle Features:

  • TeachingTip-Steuerelement
    Dieses neue Steuerelement stellt eine Möglichkeit für deine App dar, Benutzer in der Anwendung mit inhaltsreichen Benachrichtigungen zu leiten und zu informieren, ohne aufdringlich zu sein. TeachingTip kann die Aufmerksamkeit auf eine neue oder wichtige Funktion lenken, Benutzern die Erledigung von Aufgaben erklären und den Workflow von Benutzern verbessern, indem im Kontext relevante Informationen für die aktuelle Aufgabe angezeigt werden.

Microsoft.UI.Xaml 2.1.190131001-Vorschauversion

Februar 2019

GitHub-Releaseseite

Download des NuGet-Pakets

Neue experimentelle Features:

Microsoft.UI.Xaml 2.1.181217001-Vorschauversion

Dezember 2018

GitHub-Releaseseite

Download des NuGet-Pakets

Neue experimentelle Features: