Windows-UI-Bibliothek 2.0

  • Artikel

WinUI 2.0 ist das erste öffentliche Release der Windows-UI-Bibliothek (veröffentlicht im Oktober 2018).

WinUI stellt die einfachste Möglichkeit dar, hervorragende Fluent Design-Benutzererfahrungen für Windows zu schaffen.

Es enthält zwei NuGet-Pakete:

Du kannst WinUI-Pakete mit dem NuGet-Paket-Manager herunterladen und in deiner App verwenden. 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.

Microsoft.UI.Xaml 2.0.181011001

Oktober 2018

Dies ist die erste Version des Microsoft.UI.Xaml NuGet-Pakets. Sie enthält offizielle native Fluent-Steuerelemente und -Features für Windows UWP-Apps.

Neue Funktionen

Zu den Steuerelementen und Mustern in dieser Version gehören:

Feature Beschreibung
AcrylicBrush Zeichnet einen Bereich mit einem halbtransparenten Material, das mehrere Effekte verwendet, einschließlich Weichzeichner und einer Rauschtextur.
BitmapIconSource Stellt eine Symbolquelle dar, die eine Bitmap als Inhalt verwendet.
ColorPicker Stellt ein Steuerelement dar, mit dem ein Benutzer eine Farbe mithilfe eines Farbspektrums, Schiebereglern und einer Texteingabe auswählen kann.
CommandBarFlyout Stellt ein spezialisiertes Flyout dar, das ein Layout für AppBarButton und verwandte Befehlselemente bereitstellt.
DropDownButton Stellt eine Schaltfläche mit einem Chevron dar, die zum Öffnen eines Menüs vorgesehen ist.
FontIconSource Stellt eine Symbolquelle dar, die eine Glyphe aus der angegebenen Schriftart verwendet.
MenuBar Stellt einen spezialisierten Container dar, der eine Reihe von Menüs in einer horizontalen Zeile darstellt, normalerweise oben im Fenster einer App.
MenuBarItem Stellt ein Menü der obersten Ebene in einem MenuBar-Steuerelement dar.
NavigationView Stellt einen Container dar, der die Navigation von App-Inhalten ermöglicht. Er weist einen Kopfbereich, eine Ansicht für den Hauptinhalt und einen Menübereich für Navigationsbefehle auf.
ParallaxView Stellt einen Container dar, der die Bildlaufposition eines Vordergrundelements, z. B. einer Liste, an ein Hintergrundelement koppelt, z. B. ein Bild. Bei einem Bildlauf durch das Vordergrundelement wird das Hintergrundelement animiert, um einen Parallaxeneffekt zu erzeugen.
PersonPicture Stellt ein Steuerelement dar, das das Avatarbild für eine Person anzeigt, sofern ein solches Bild verfügbar ist. Andernfalls werden die Initialen der Person oder eine allgemeine Glyphe angezeigt.
RatingControl Stellt ein Steuerelement dar, mit dem ein Benutzer eine Sternbewertung eingeben kann.
RefreshContainer Stellt ein Containersteuerelement dar, das einen RefreshVisualizer und eine Funktion zum Aktualisieren durch Abrufen für scrollbare Inhalte bereitstellt.
RefreshVisualizer Stellt ein Steuerelement dar, das animierte Statusindikatoren für die Aktualisierung von Inhalten bereitstellt.
RevealBackgroundBrush Zeichnet einen Steuerelementhintergrund mit einem Freilegungseffekt mithilfe von Kompositionspinseln und Lichteffekten.
RevealBorderBrush Zeichnet einen Steuerelementrahmen mit einem Freilegungseffekt mithilfe von Kompositionspinseln und Lichteffekten.
RevealBrush Basisklasse für Pinsel, die Kompositionseffekte und Licht verwenden, um die Freilegung des Visual-Entwurfs zu implementieren.
SplitButton Stellt eine Schaltfläche mit zwei Teilen dar, die separat aufgerufen werden können. Ein Teil verhält sich wie eine Standardschaltfläche und der andere ruft ein Flyout auf.
SwipeControl Stellt einen Container dar, der den Zugriff auf kontextabhängige Befehle mithilfe von Toucheingabe-Interaktionen ermöglicht.
SymbolIconSource Stellt eine Symbolquelle dar, die eine Glyphe aus der Schriftart Segoe MDL2-Ressourcen als Inhalt verwendet.
TextCommandBarFlyout Stellt ein spezialisiertes Befehlsleisten-Flyout dar, das Befehle zur Textbearbeitung enthält.
ToggleSplitButton Stellt eine Schaltfläche mit zwei Teilen dar, die separat aufgerufen werden können. Ein Teil verhält sich wie eine Umschaltfläche und der andere ruft ein Flyout auf.
TreeView Stellt eine Hierarchieauflistung mit Knoten dar, die das Aus- und Einblenden von geschachtelten Elementen erlauben.

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