Add Me!Close Menu Navigation

User eXperience Foundation

Add Me!Open Categories Menu

RangedSlider [Custom Control]


J’ai récemment eu besoin d’utiliser un Slider avec deux thumbs, certaines librairies le proposent, mais de manière générale, je ne les trouve pas simple à “templatiser”. N’en ayant pas trouver d’adéquat à télécharger, je l’ai codé et je le fournirai en version finale avec la prochaine version de la librairie Tweened. Le look du contrôle n’est pas terminé. Un RangeSlider permet de filtrer ou de définir une plage de valeur. Cela peut être du double, des DateTime (ou tout autre type à l’aide d’un converter).
Le contrôle fourni ne propose pour l’instant que le mode horizontal mais je prévois la version avec affichage verticale. Il est possible de définir le mode d’update de la propriété Value durant le drag ou lors du relâché. Cela est très utile lorsque vous souhaitez éviter un rafraichissement trop fréquent coté Vue-Modèle par exemple. Coté intégration graphique, c’est exactement la même procédure que pour le slider classique et donc assez facile à personnaliser.

[sl-gallery:width=640, height=260, leftArrow=true, rightArrow=true, pageNumbers=true, thumbnails=true, preloader=false, fill=uniform, bgcolor=transparent, bgmode=transparent]

Voici une exemple.
[silverlight: http://www.tweened.org/wp-content/files/xapFiles/TestRangedSlider.xap, 630, 200]
Vous pouvez télécharger le projet ici.

Posted By admin

Leave a Reply