vendredi 30 octobre 2009

[Astuce Xaml] Image disabled sur un bouton

Voici ma première astuce sur la façon de rendre une image à un statut "désactiver" sur un bouton. J'ai vu plusieurs astuces mais la plupart son un peu prise de tête. Le but ici n'est pas d'avoir un rendu de gris de l'image mais de faire comprendre à l'utilisateur que ce bouton est simplement inactif. Je joue donc sur l'opacité de l'image (ou en fait tout ce qu'il y a à l'intérieur du bouton).


Exemple en image :


Le code n'est pas très compliqué, il suffit de créer un style pour notre bouton, comme ceci :



Malheureusement on ne peut pas se baser sur ce template pour recréer nos autres boutons, par contre pour reproduire la même chose ce n'est pas vraiment compliqué. Il suffit juste d'utiliser un ContentControl, le nommer (x:Name) et dans le Trigger IsEnabled, il suffit juste de modifier l'opacité du ContentControl.

Exemple simple de rendu :


0 commentaires:

Enregistrer un commentaire