Bibliothèque d’IU Windows 2.1

Première version open source de la bibliothèque d’interface utilisateur Windows - WinUI 2.1 (publiée en avril 2019).

WinUI met à votre disposition une grande partie des fonctionnalités les plus récentes de la plateforme d’expérience utilisateur Windows, notamment des contrôles et des styles Fluent à jour, sous une forme immédiatement exploitable et offrant une compatibilité descendante avec la Mise à jour anniversaire de Windows 10 (14393). La Galerie WinUI 2 vous donne des exemples pour explorer toutes les nouvelles fonctionnalités intéressantes ajoutées à la bibliothèque.

Téléchargez le package NuGet WinUI 2.1.

Vous pouvez choisir d’utiliser les 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.

Nouveautés de cette version

ItemsRepeater

ItemsRepeater permet de créer des expériences de collection personnalisées à l’aide d’un système de disposition flexible, de vues personnalisées et de la virtualisation. Contrairement à un ListView, le contrôle ItemsRepeater n’offre pas d’expérience d’utilisateur final complète. Il ne propose pas d’interface utilisateur par défaut et n’offre aucune stratégie autour du focus, de la sélection ou de l’interaction utilisateur. Il s’agit d’un bloc de construction dont vous pouvez vous servir pour créer vos propres expériences à base de collections uniques et vos propres contrôles personnalisés. Il prend en charge la création d’expériences plus riches et plus performantes.

Short video showing the behavior of the Items Repeater control.

Documentation

AnimatedVisualPlayer

AnimatedVisualPlayer héberge et contrôle la lecture des visuels animés, ce qui vous permet d’ajouter à votre application des graphiques de mouvement personnalisés hautes performances. Par exemple, AnimatedVisualPlayer est utilisé pour afficher et contrôler les animations Lottie.

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

Documentation

TeachingTip

TeachingTip fournit aux applications un moyen attrayant et de type Fluent pour guider et informer les utilisateurs avec des conseils non invasifs et riches en contenu. TeachingTip peut mettre en avant des fonctionnalités nouvelles ou importantes, apprendre aux utilisateurs à effectuer des tâches et améliorer le workflow en fournissant en direct des informations contextuellement pertinentes pour votre tâche.

Short video showing the behavior of the Teaching Tip control.

Documentation

RadioMenuFlyoutItem

Offre la possibilité d’avoir des options de style « case d’option » dans une barre de menus. Cela permet de regrouper des options avec des puces qui sont liées comme un groupe de cases d’option. La logique est gérée pour le développeur.

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

Documentation

CompactDensity

Le mode compact permet aux développeurs de créer des expériences confortables pour un nombre quelconque de scénarios. Il vous suffit d’ajouter un dictionnaire de ressources pour que votre application puisse accueillir en moyenne 33 % d’IU en plus.

Screenshot showing the behavior of the Compact Density control.

Documentation

Ombres

Example

La création d’une hiérarchie visuelle d’éléments dans votre interface utilisateur facilite l’analyse de celle-ci et comporte ce sur quoi il est important de se concentrer. L’élévation, qui consiste à mettre en avant des éléments spécifiques de votre interface utilisateur, est souvent utilisée pour obtenir une telle hiérarchie dans le logiciel.

Avec la Mise à jour de mai 2019 de Windows 10, un grand nombre de nos contrôles courants ajoutent une élévation en utilisant par défaut la profondeur Z et l’ombre. Les contrôles NavigationView et TeachingTip dans WinUI 2.1 ont également des ombres par défaut lors de l’exécution sur un système d’exploitation doté de la Mise à jour de mai 2019 de Windows 10. La liste complète des contrôles qui ont des ombres par défaut et les instructions sur la façon d’utiliser les API supplémentaires seront disponibles dès la publication de la Mise à jour de mai 2019 de Windows 10 par le biais du lien qui sera publié ici.

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.

Historique des versions de Microsoft.UI.Xaml 2.1

Version officielle de Microsoft.UI.Xaml 2.1

Avril 2019

Page des versions sur GitHub

Téléchargement du package NuGet

Nouvelle fonctionnalité (non incluse dans les préversions antérieures)

  • CompactDensity : mode compact permettant aux développeurs de créer des expériences confortables pour un nombre quelconque de scénarios. Il vous suffit d’ajouter un dictionnaire de ressources pour que votre application puisse accueillir en moyenne 33 % d’IU en plus.

  • Clichés instantanés : la création d’une hiérarchie visuelle d’éléments dans votre interface utilisateur facilite l’analyse de celle-ci et comporte ce sur quoi il est important de se concentrer. L’élévation, qui consiste à mettre en avant des éléments spécifiques de votre interface utilisateur, est souvent utilisée pour obtenir une telle hiérarchie dans le logiciel. Un grand nombre de nos contrôles courants ajoutent une élévation en utilisant par défaut la profondeur Z et l’ombre.

Microsoft.UI.Xaml 2.1.190218001-prerelease

Février 2019

Page des versions sur GitHub

Téléchargement du package NuGet

Nouvelles fonctionnalités expérimentales :

  • Contrôle TeachingTip
    Ce nouveau contrôle permet à votre application de guider et d’informer les utilisateurs de celle-ci avec une notification non invasive et riche en contenu. TeachingTip permet de mettre en avant une fonctionnalité nouvelle ou importante, d’apprendre aux utilisateurs à effectuer une tâche ou d’améliorer le workflow de l’utilisateur en fournissant en direct des informations contextuellement pertinentes pour leur tâche.

Microsoft.UI.Xaml 2.1.190131001-prerelease

Février 2019

Page des versions sur GitHub

Téléchargement du package NuGet

Nouvelles fonctionnalités expérimentales :

Microsoft.UI.Xaml 2.1.181217001-prerelease

Décembre 2018

Page des versions sur GitHub

Téléchargement du package NuGet

Nouvelles fonctionnalités expérimentales :