Kits de ressources et exemples de conception pour les applications Windows

Téléchargements relatifs à la conception et à l’interface utilisateur des applications Fluent Design/Windows. Pour obtenir des outils supplémentaires, tels que Visual Studio, consultez notre principale page des téléchargements.

Toolkits et bibliothèques

Figma Toolkit iconKit de ressources Figma
WinUI 3 dans WinAppSDK 1.1, octobre 2022
Télécharger

WinUI library thumbnailBibliothèque d’interface utilisateur Windows
Contrôles et autres éléments d’interface utilisateur pour les applications Windows.
Instructions d’installation

Windows community thumbnailWindows Community Toolkit
Fonctions d’assistance, contrôles personnalisés et services d’application.
Instructions d’installation

Template Studio thumbnailTemplate Studio
Générez automatiquement et rapidement des applications en utilisant une interface utilisateur basée sur un Assistant.
Instructions d’installation

Obtenez les applications Galerie WinUI à partir du Microsoft Store pour voir ces contrôles XAML et le système Fluent Design en action. 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. Les applications sont un compagnon interactif de ce site web. Une fois installées, vous pouvez utiliser des liens dans des pages de contrôle individuelles pour lancer l’application et voir le contrôle en action.

  • Obtenez la Galerie WinUI 3 et la Galerie WinUI 2 à partir du Microsoft Store.
  • Obtenez le code source des deux applications à partir de GitHub (utilisez la branche main pour WinUI 3 et la branche winui2 pour WinUI 2).

Polices

Outils

Download the tile and icon generator

Générateur d’icônes et de vignettes Adobe Photoshop Cet ensemble d’actions pour Adobe Photoshop génère les 68 vignettes et icônes recommandées à partir de seulement 7 fichiers.
Télécharger le générateur de vignettes et d’icônes

Exemples

Fluent XAML Theme Editor imageEditeur de thème XAML Fluent
L’outil Fluent XAML Theme Editor montre bien la flexibilité du système Fluent Design et prend en charge le processus de développement des applications en générant des balises XAML pour le framework ResourceDictionary qui est utilisé dans les applications Windows. Télécharger l’exemple de l’outil
Découvrir l’outil sur GitHub

VanArsdel imageVanArsdel
L’exemple d’application Windows de bout en bout Van Arsdel, Ltd. a été conçu pour présenter la prochaine version du système Microsoft Fluent Design. Il exploite pleinement la densité améliorée et les nouveaux contrôles de la bibliothèque d’interface utilisateur Windows ainsi que les fonctionnalités sous-jacentes du framework de composition et d’expérience utilisateur. En outre, il montre comment créer une expérience riche et productive pour la gestion et l’achat d’appareils IoT (en l’occurrence, des lampes).
Télécharger l’exemple VanArsdel
Découvrir l’exemple VanArsdel sur GitHub

build cast imageBuildCast
BuildCast est un exemple de bout en bout qui a été conçu pour présenter le système Fluent Design et Windows. Il permet la navigation, le téléchargement et la lecture de podcasts vidéo sélectionnés, y compris certains flux de passionnés de technologie Windows. Il propose également des fonctionnalités de prise de notes manuscrites, de signets et de lecture à distance. Cet exemple a été initialement présenté lors de la conférence Build 2017, pendant l’intervention Build Amazing Apps with Fluent Design concernant la création d’applications avec Fluent Design.
Télécharger l’exemple BuildCast
Découvrir l’exemple BuildCast sur GitHub

Lunch SchedulerPlanificateur de déjeuners
Exemple d’application Windows qui programme des déjeuners avec vos amis et vos collègues. Vous pouvez planifier un déjeuner et inviter des amis dans un restaurant qui vous intéresse, puis laisser l’application s’occuper de l’organisation pour toutes les parties impliquées. Cette application intègre les éléments du système Fluent Design dans une application Windows, notamment les options Acrylique, Révéler et Animation connectée.
Télécharger l’exemple Planificateur de déjeuners
Découvrir l’exemple Planificateur de déjeuners sur GitHub

Voulez-vous plus de code ?

Consultez la page d’exemples Windows pour obtenir la liste complète de tous nos exemples d’applications Windows. Accédez au portail d’exemples