Silverlight, les contrôles personnalisés (1/5)

Introduction

Silverlight étant une technologie naissante vous comprendrez qu’elle manque cruellement de fonctionnalités et de contrôles qui pourraient lui permettre de prendre une réelle envergure de production pour le développement web.

Pour pallier à ce manque la version 1.1 alpha propose dans son SDK (disponible à cette adresse : http://www.microsoft.com/downloads/details.aspx?FamilyID=54B85D84-604D-43DB-BCFE-7AFD278208D8&displaylang=en) des exemples de contrôles très basiques mais néanmoins indispensables tel que Button, ScrollBar, ScrollViewer, Slider, ListBox, etc.
Ces contrôles sont tous réutilisables à souhait, voici un bref aperçu de leur rendu.

L’aspect graphique de ces contrôles est totalement personnalisable étant donné que tous les rendus sont décrits dans des fichiers XAML. (Le langage de description d’interface : eXtensible Application Markup Language). Ces fichiers sont donc parfaitement éditables via des logiciels tels que XAMLPad ou Expression Blend (disponible en téléchargement à cette adresse : http://www.microsoft.com/expression/products/overview.aspx?key=blend).

Le but de cet article est de créer votre propre contrôle personnalisé avec le nom, les propriétés mais aussi le rendu graphique que vous désirez. Pour illustrer cet article nous allons créer un compteur ayant 4 propriétés : Maximum, Minimum, Value et Step. Voici un aperçu du résultat final :

[Télécharger le projet Expression Blend] - (Format ZIP 25 ko)
(Pour lancer le projet : ouvrir le fichier .CSPROJ avec expression Blend et presser F5)

Ce genre de compteur est principalement utilisé dans les sites marchands lorsque nous devons choisir le nombre d’article d’un objet. Il permet d’incrémenter ou de décrémenter une valeur.