Interface utilisateur et entrée

Cet article présente une vue d’ensemble des cadres d’interface utilisateur Windows actuellement gérés par Microsoft et compare leurs capacités.

Microsoft produit à la fois des cadres d’interface utilisateur et des applications. Les plates-formes d’application comprennent généralement un cadre d’interface utilisateur, tandis que les cadres d’interface utilisateur sont soit autonomes (non livrés avec une plate-forme d’application), soit utilisables avec plusieurs plates-formes d’application (voir Choisir votre plate-forme d’application).

Les frameworks dont il est question ici comprennent WinUI pour le SDK d'application Windows (WinUI 3) et UWP (WinUI 2), Windows Presentation Foundation (WPF) et Windows Forms (WinForms).

Principes de base de l’interface utilisateur

Lorsque vous créez une application Windows moderne, vous avez le choix entre plusieurs cadres d’interface utilisateur. Les cadres d’interface utilisateur fournissent à votre application des contrôles intégrés, des styles, des animations, une gestion des entrées, etc.

La création d’une interface utilisateur pour votre application Windows repose sur cinq composants principaux. Ces composants sont généralement intégrés dans chaque cadre d’interface utilisateur.

• Contrôles et styles

  • Un contrôle est un élément d’interface utilisateur qui affiche un contenu ou permet une interaction. Les contrôles constituent les blocs de construction de l’interface utilisateur.

    Voici un exemple de contrôle de bouton disponible dans UWP, WinUI 2 et WinUI 3. Lorsque vous placez ce contrôle dans votre application, il reçoit automatiquement le design par défaut fourni par le framework UI.

    

  • Les styles se composent de couleurs, de typographies, d’icônes, de matériaux Fluent et d’autres éléments qui peuvent être utilisés dans la conception de votre application pour créer une expérience vraiment unique.

    Voici un exemple de composant de style appelé Acrylic, disponible dans WinUI 2 et WinUI 3. Acrylic est une brosse que vous pouvez utiliser sur des surfaces dans votre application ou comme arrière-plan de votre application. Elle offre une texture translucide.

    

• Entrée et interaction

  Les utilisateurs finaux peuvent interagir avec votre application et lui fournir des applications (telles que la sélection ou la saisie) par le biais de différentes méthodes. Voici quelques exemples de saisie :

  • Souris
  • Toucher
  • Boîtier de commande
  • Stylet
  • Clavier
  • Surface Dial
  • Pavé tactile
  • Speech

• Prise en charge des appareils

  Les utilisateurs finaux accèdent aux applications Windows sur une variété d’appareils, et les cadres d’interface utilisateur peuvent ne prendre en charge que certains d’entre eux. Voici quelques appareils sur lesquels les applications Windows s’exécutent couramment :

  • Les PC (souvent appelés « ordinateurs de bureau », mais aussi les ordinateurs portables).
  • Tablettes
  • HoloLens
  • Xbox
  • Surface Hub

• Mouvement et animation

  Les animations intégrées peuvent vraiment donner à votre application un aspect et une sensation soignés, et assurer la cohérence avec les applications de première partie de Windows.

  Un exemple d’animation intégrée dans UWP, WinUI 2 et WinUI 3 est l’animation qui se produit lorsque l’utilisateur final passe du mode clair au mode foncé. Lorsque l’utilisateur final change de mode pour l’ensemble de son PC, l’interface utilisateur de l’application est automatiquement mise à jour avec une animation de transition.

• Convivialité et accessibilité

  Pour que votre application soit agréable à utiliser pour tous les utilisateurs, vous devez tenir compte de l’accessibilité.

  Les cadres d’interface utilisateur offrent une accessibilité intégrée aux contrôles et aux styles grâce à un comportement clavier adapté, à la prise en charge des lecteurs d’écran et à bien d’autres choses encore. Nombre d’entre eux fournissent également des API pour les actions accessibles dans les contrôles personnalisés, comme l’interaction avec les lecteurs d’écran.

Cadres d’interface utilisateur

Chaque cadre d’interface utilisateur publié par Microsoft possède des capacités uniques, suit des langages de conception différents et offre des expériences différentes à l’utilisateur final. Cette section compare les principaux cadres d’interface utilisateur que vous devrez choisir lorsque vous commencerez à créer votre application.

Le tableau ci-dessous présente un bref résumé des principales fonctionnalités de ces frameworks d’interface utilisateur. Pour plus de détails sur chaque framework, naviguez dans les onglets ci-dessous.

Fonctionnalité	Windows App SDK (WinUI 3)	WinUI 2 pour UWP	WPF	WinForms
Langues prises en charge	C#/.NET 6 et supérieur, C++/WinRT	C#/.NET Native, C++/WinRT, C++/CX, VB	C#/.NET 6 (et versions ultérieures) et .NET Framework, C++/CLI (Managed Extensions for C++), F#, VB	C#/.NET 6 (et versions ultérieures) et .NET Framework, C++/CLI (Managed Extensions for C++), F#, VB
Appareils pris en charge	PC (y compris les ordinateurs portables et les tablettes), prise en charge de tous les appareils Windows 10 prochainement.	Tous les appareils Windows 10 (PC, tablettes, HoloLens, Xbox, Surface Dial, etc.)	Ordinateurs de bureau et portables	Ordinateurs de bureau et portables
Entrées prises en charge	Toutes les entrées Windows 10 sont prises en charge	Toutes les entrées Windows 10 sont prises en charge	Souris et clavier	Souris et clavier
Version du système d’exploitation Windows prise en charge	Windows 10, version 1809 ou ultérieure	Windows 10, version 1703 ou ultérieure	Windows XP ou version ultérieure	Windows XP ou version ultérieure
Prise en charge de WebView	WebView basé sur Chromium2	WebView sans chrome	Prise en charge de WebView2 à venir	Prise en charge de WebView2 à venir
Open source	Bientôt disponible	Oui	Oui (.NET 6 et versions ultérieures uniquement)	Oui (.NET 6 et versions ultérieures uniquement)

Pour plus d’informations sur chacun de ces frameworks d’interface utilisateur, reportez-vous aux informations figurant dans les onglets suivants.

SDK d’applications Windows (WinUI 3)

Windows App SDK (WinUI 3)

Pour la plupart des nouvelles applications Windows, nous recommandons WinUI avec le Windows App SDK (WinUI 3) pour construire votre interface utilisateur. WinUI 3 fournit des expériences cohérentes, intuitives et accessibles avec les modèles d’interface utilisateur les plus récents.

WinUI 3 est complètement découplé du système d’exploitation Windows et fait partie du Windows App SDK, qui est un ensemble d’outils et de composants représentant la prochaine évolution de la plateforme de développement d’applications Windows.

WinUI 3 est la dernière génération de WinUI. WinUI 2 et 3 partagent un grand nombre de contrôles, de styles et d’autres éléments fondamentaux de l’interface utilisateur (voir Comparaison de WinUI 2 et WinUI 3).

Principaux scénarios d’application rendus possibles par WinUI 3

• Les applications Windows modernes qui doivent fonctionner sur une variété d’appareils modernes, avec une gamme d’entrées modernes.
• Applications de bureau/Win32 écrites en C++.
• Applications ou jeux à forte composante graphique qui souhaitent tirer parti de DirectX et de Win2D
• Les applications qui intègrent beaucoup de contenu Web et qui ont besoin de performances élevées.
• Les applications qui cherchent à fournir des expériences qui s’intègrent parfaitement au système d’exploitation Windows et aux autres applications Windows de première partie.

Documentation utile pour WinUI 3

• Vue d’ensemble : WinUI 3
• Démarrage : Créez votre premier projet WinUI 3
• Écrire XAML : Plate-forme XAML
• Référence API : Référence API WinUI
• Contrôles : Aperçu des contrôles
• Entrée : Entrées et interactions
• Mouvement : Mouvement pour les applications Windows
• Accessibilité : Utilisabilité des applications Windows
• Échantillons : Application Galerie WinUI 3

WinUI 2 pour UWP

WinUI 2 pour UWP

Pour la plupart des applications UWP, nous vous recommandons d’utiliser WinUI 2 pour construire votre interface utilisateur. WinUI 2 est un framework d’interface utilisateur autonome livré dans un package NuGet et qui peut être facilement ajouté à n’importe quelle application UWP pour en moderniser le design et l’expérience globale.

WinUI 2 et 3 partagent un grand nombre de contrôles, de styles et d’autres éléments fondamentaux de l’interface utilisateur (voir Comparaison de WinUI 2 et WinUI 3).

Principaux scénarios d’application rendus possibles par WinUI 2

• Les applications UWP qui cherchent à s’adapter à toutes les versions de Windows 10 et Windows 11.
• Les applications ou jeux à forte composante graphique qui souhaitent tirer parti de DirectX et Win2D.
• Les applications UWP qui doivent fonctionner sur une variété d’appareils modernes, avec une gamme d’applications modernes.
• Les applications qui cherchent à fournir des expériences qui s’intègrent parfaitement au système d’exploitation Windows et aux autres applications Windows de première partie.

Documentation utile pour WinUI 2

• Vue d’ensemble : WinUI 2
• Démarrage : Démarrage avec la bibliothèque Windows UI 2.x
• Écrire XAML : Plate-forme XAML
• Référence API : Référence API WinUI
• Contrôles : Aperçu des contrôles
• Entrée : Entrées et interactions
• Mouvement : Mouvement pour les applications Windows
• Accessibilité : Utilisabilité des applications Windows
• Échantillons : Application Galerie WinUI 2

WPF

WPF

Le Windows Presentation Framework (WPF) est un modèle d’application permettant de créer des applications de bureau avec .NET 6 (et versions ultérieures) ou .NET framework. Il s’agit d’une plateforme open source maintenue par les équipes Windows et .NET.

Le cadre d’interface utilisateur fourni avec WPF propose des contrôles, des styles et des fonctionnalités qui sont pris en charge jusqu’au niveau inférieur de Windows XP.

Principaux scénarios d’application rendus possibles par WPF

• Les applications qui doivent fonctionner avec les versions de Windows antérieures à Windows 10.
• Applications fonctionnant uniquement sur PC et ne nécessitant pas d’applications variées telles que le tactile.
• Les applications qui ont besoin de contrôles intégrés plus complexes : WPF dispose du plus grand nombre de contrôles intégrés disponibles pour le développement Windows.

Documentation utile pour WPF

• Vue d’ensemble : Guide du bureau (WPF .NET)
• Démarrage : Tutoriel : Créer une nouvelle application WPF
• Écrire XAML : Vue d’ensemble de XAML (WPF .NET)
• Référence API : Référence API .NET
• Contrôles : Contrôles (WPF)
• Entrée : Entrée (WPF)
• Mouvement : Vue d’ensemble de l’animation
• Accessibilité : Meilleures pratiques en matière d’accessibilité
• Échantillons : Référentiel GitHub d’échantillons WPF

Windows Forms

Windows Forms

Windows Forms offre un concepteur Visual Studio intégré unique pour la création d’applications .NET de bureau. Avec le Designer, vous construisez votre interface utilisateur en glissant et déposant les contrôles intégrés directement sur l’interface utilisateur de votre application.

Windows Forms est un projet open source.

Notez que Windows Forms n’intègre pas d’animations, contrairement aux autres frameworks d’interface utilisateur mentionnés dans cet article. Il ne prend pas non plus en charge le balisage XAML. Vous devez utiliser le concepteur ou le code pour créer l’interface utilisateur de votre application.

Principaux scénarios d’application rendus possibles par Windows Forms

• Développeurs ou concepteurs qui souhaitent créer des applications sans connaître ou écrire XAML.
• Les applications qui doivent fonctionner avec les versions de Windows antérieures à Windows 10.
• Applications fonctionnant uniquement sur PC et ne nécessitant pas d’applications variées telles que le tactile.
• Les applications qui ne cherchent pas à créer des contrôles personnalisés ou une interface utilisateur très personnalisée.

Documentation utile pour Windows Forms

• Vue d’ensemble : Guide du bureau (Windows Forms .NET)
• Démarrage : Tutoriel : Créer une nouvelle application WinForms (Windows Forms .NET)
• Référence API : Référence API .NET
• Contrôles : Aperçu de l’utilisation des contrôles (Windows Forms .NET)
• Entrée : Entrée utilisateur (Windows Forms)
• Accessibilité : Accessibilité des formulaires Windows
• Échantillons : Échantillons Winforms référentiel GitHub

Other

Other

Quelques frameworks d’interface utilisateur n’ont pas été abordés dans cet article, notamment Win32/ComCtl32 et MFC. Bien que ces cadres d’interface utilisateur soient toujours disponibles, ils ne sont pas régulièrement mis à jour et ne répondent pas aux mêmes normes d’accessibilité et de conception que Windows fournit aujourd’hui. Il est recommandé d’utiliser un cadre plus moderne lorsque vous créez de nouvelles applications Windows.

Si vous souhaitez en savoir plus sur la modernisation d’une application utilisant un ancien cadre d’interface utilisateur, consultez la section Moderniser vos applications de bureau.

Pour plus d’informations sur ces cadres d’interface utilisateur, consultez la documentation suivante :

• Vue d’ensemble de MFC
• Win32/ComCtl32