Dot.Blog

C#, XAML, Xamarin, UWP/Android/iOS

Modern UI pour WPF

[new:30/10/2012]La cohérence est l’une des premières choses à considérer en matière de design. Aujourd’hui on peut être amené à développer des applications Modern UI sous Windows 8 autant que des applications WPF en bureau classique. Assurer une homogénéité de look & feel est donc important. Voici comment y arriver simplement.

animatedtabcontrol[1]

mahapps.metro

mahapps.metro est une librairie de code qui facilite grandement l’adoption du look “Metro” sous WPF. Du style de la fenêtre principal, ses ajouts de commandes dans la barre de commande, à la mise en forme des boutons, rectangulaires ou ronds, l’essentiel y est.

Le designer c’est vous !

Ce kit ne fera pas la mise en page pour vous, en revanche il vous offre des outils de base qui simplifient grandement l’adoption d’un look Modern UI sous WPF.

Des styles et des contrôles

Le kit ne propose pas seulement des styles, mais aussi des contrôles qui permettent de rapprocher de l’expérience utilisateur de Modern UI. Par exemple l’anneau de progression typique de Windows 8, le contrôle Panorama qui permet de simuler le menu Windows 8 ou le contrôle tabulation qui affiche en haut le nom des pages et qui anime les changements tout seul, se rapprochement beaucoup de l’interface Windows Phone / Zune / Windows 8.

Où trouver mahapps.metro

La documentation se trouve ici : http://mahapps.com/MahApps.Metro/ n’hésitez pas à regarder, toutes les explications sont accompagnées de captures qui permettent de se rendre compte du résultat.

Le projet Git-Hub est ici : https://github.com/MahApps/MahApps.Metro

Mieux, il y a package Nuget installable directement dans l’application en cours via le gestionnaire de package de Visual Studio.

Conclusion

Simple, efficace. Pas trop compliqué à utiliser (la documentation donne toutes les indications), personnalisable, bref un petit kit intelligent qui permettra de mettre un peu de fraîcheur Modern UI dans vos applications WPF, et surtout de leur garantir une unité de look & feel avec Windows 8.

Bon design !

et.. Stay Tuned

blog comments powered by Disqus