Bibliothèque d’IU Windows 2.0

WinUI 2.0 est la première version publique de la bibliothèque d’interface utilisateur Windows (publiée en octobre 2018).

WinUI est le moyen le plus simple de créer des expériences Fluent Design intéressantes pour Windows.

Elle comprend deux packages NuGet :

  • Microsoft.UI.Xaml : contrôles et Fluent Design pour les applications UWP. Il s’agit du package WinUI principal.

  • Microsoft.UI.Xaml.Core.Direct : API de bas niveau à utiliser dans les composants d’intergiciel (middleware).

Vous pouvez télécharger et utiliser des packages WinUI dans votre application à l’aide du gestionnaire de package NuGet. Pour plus d’informations, consultez Bien démarrer avec la bibliothèque d’interface utilisateur Windows.

La Bibliothèque d’interface utilisateur Windows (WinUI) est hébergée sur GitHub où nous vous encourageons à créer des rapports sur les bogues, à faire des demandes de fonctionnalités et à contribuer au code communautaire.

Microsoft.UI.Xaml 2.0.181011001

Octobre 2018

Il s’agit de la première version du package NuGet Microsoft.UI.Xaml. Elle comprend des fonctionnalités et des contrôles Fluent natifs officiels pour les applications UWP Windows.

Nouvelles fonctionnalités

Les contrôles et les modèles de cette version sont les suivants :

Fonctionnalité Description
AcrylicBrush Peint une zone avec un matériau semi-transparent qui utilise plusieurs effets, notamment le flou et une texture du bruit.
BitmapIconSource Représente une source d’icône qui utilise une image bitmap en guise de contenu.
ColorPicker Représente un contrôle qui permet à l’utilisateur de choisir une couleur à l’aide d’un spectre de couleurs, de curseurs et d’une entrée de texte.
CommandBarFlyout Représente un menu volant spécialisé qui fournit la disposition pour AppBarButton et les éléments de commande associés.
DropDownButton Représente un bouton avec un chevron destiné à ouvrir un menu.
FontIconSource Représente une source d’icône qui utilise un glyphe de la police spécifiée.
MenuBar Représente un conteneur spécialisé qui présente un ensemble de menus sur une ligne horizontale, généralement en haut d’une fenêtre d’application.
MenuBarItem Représente un menu de niveau supérieur dans un contrôle MenuBar.
NavigationView Représente un conteneur qui active la navigation dans le contenu de l’application. Il possède un en-tête, une vue pour le contenu principal et un volet de menu pour les commandes de navigation.
ParallaxView Représente un conteneur qui relie la position de défilement d’un élément au premier plan, par exemple une liste, à un élément en arrière-plan, comme une image. Tandis que vous faites défiler l’élément au premier plan, celui-ci anime l’élément en arrière-plan pour créer un effet parallaxe.
PersonPicture Représente un contrôle qui affiche l’image d’avatar d’une personne, si celle-ci est disponible. Dans le cas contraire, il affiche les initiales de la personne ou un glyphe générique.
RatingControl Représente un contrôle qui permet à l’utilisateur d’entrer une évaluation.
RefreshContainer Représente un contrôle conteneur qui fournit un RefreshVisualizer et une fonctionnalité Tirer pour actualiser pour le contenu avec défilement.
RefreshVisualizer Représente un contrôle qui fournit des indicateurs d’état animés pour l’actualisation du contenu.
RevealBackgroundBrush Peint un arrière-plan de contrôle avec un effet de révélation à l’aide du pinceau de composition et d’effets de lumière.
RevealBorderBrush Peint une bordure de contrôle avec un effet de révélation à l’aide du pinceau de composition et d’effets de lumière.
RevealBrush Classe de base pour les pinceaux qui utilisent des effets de composition et un éclairage pour implémenter le traitement de la conception visuelle de la révélation.
SplitButton Représente un bouton à deux composants, qui peuvent être appelés séparément. Un composant se comporte comme un bouton standard, tandis que l’autre appelle un menu volant.
SwipeControl Représente un conteneur qui fournit l’accès à des commandes contextuelles par le biais d’interactions tactiles.
SymbolIconSource Représente une source d’icône qui utilise un glyphe de la police Segoe MDL2 Assets en guise de contenu.
TextCommandBarFlyout Représente un menu volant de barre de commandes spécialisé qui contient des commandes de modification de texte.
ToggleSplitButton Représente un bouton à deux composants, qui peuvent être appelés séparément. Un composant se comporte comme un bouton bascule, tandis que l’autre appelle un menu volant.
TreeView Représente une liste hiérarchique comportant des nœuds que vous pouvez développer et réduire, et qui contiennent des éléments imbriqués.

Examples

Conseil

Pour plus d’informations, et pour obtenir des conseils de conception ainsi que des exemples de code, consultez Concevoir et coder des applications Windows.

Les applications WinUI 3 Gallery et WinUI 2 Gallery incluent des exemples interactifs de la plupart des contrôles et fonctionnalités WinUI 3 et WinUI 2.

Si elles sont déjà installées, ouvrez-les en cliquant sur les liens suivants : WinUI 3 Gallery ou WinUI 2 Gallery.

Si elles ne sont pas installées, vous pouvez télécharger WinUI 3 Gallery et WinUI 2 Gallery à partir du Microsoft Store.

Vous pouvez également obtenir le code source des deux applications à partir de GitHub (utilisez la branche main pour WinUI 3 et la branche winui2 pour WinUI 2).

Documentation

Des articles de procédures pour les contrôles de la bibliothèque d’interface utilisateur Windows sont inclus dans la documentation sur les contrôles de la plateforme Windows universelle.

Les documents de référence sur les API se trouvent ici : API de la bibliothèque d’interface utilisateur Windows.