Ce week-end, j’avais l’intention de faire un très rapide tutoriel pour vous apprendre à utiliser le composant WPF Ribbon qui fait partie des nouveaux contrôles qui apparaissent dans WPF en CTP. C’était sans compter sur l’un des mes collèges MSP de l’autre bout du monde (Nouvelle zélande) : Chaks ! Il a publié ce matin à peu près ce que je voulais faire, mais en anglais. Je vais donc ici reprendre son article et ses sources, mais en français (à quelques mots près

Récupérer le contrôle

La première étape est de récupérer le contrôle et ses sources. Malgré qu’il soit hébergé sur codeplex, il n’est pas en téléchargement depuis celui-ci. Il faut d’abord aller ici, puis s’enregistrer avant de pouvoir le télécharger.

Avant de développer

Avant de développer, vous avez besoin de :

• Comprendre la structure du Ribbon et ses composants,
• Avoir une idée précise de comment votre application va utiliser

Le ruban, ce n’est pas un menu, ce n’est que des Tabs !

Note perso : Je suis entièrement d’accord avec Chaks ! Tous les développements avec des interfaces “nouvelles” (WPF, Silverlight, iPhone, Ruban…) nécessitent une réelle phase d’analyse. Pour moi, commencer un nouveau projet avec ces outils, cela veut dire “papier et crayon” !

C’est parti

Le schéma ci-dessous montre les différents éléments qui composent un ruban.

(Image Courtesy : MSDN)

Vous pouvez en apprendre plus sur les composants et les règles d’utilisation dans cet article MSDN.

Du code ! Du code !

Oui ! Le site Windows Client a un article (que chaks trouve bien, pas forcément moi ^^), et les HandsOnLabs aussi (quie je trouve beaucoup plus intéressant).

Chaks a aussi développé un exemple simple, que vous pouvez téléchargez en vous rendant sur son article ou ici :

Note personnelle : J’apprécie énormément cette nouveauté dans WPF, c’est pour moi une erreur d’avoir mis autant de temps à proposer cette technologie. J’ai cependant deux “inquétudes” : tous les exemples que j’ai pu voir affichent des icônes d’une piètre qualité (même si je pense que cela vient des images à la base), et il n’y a pas de designer visuel pour Visual Studio, contrairement à d’autres solutions (elles payantes). Mais ce n’est qu’une CTP, attendons de voir ce que nous réserve la version finale !