Silverlight Templated Image Button with two images

Download Demo Project

In my previous article I showed a video in which I created a Windows Phone ImageButton just using styling & templating. In this tutorial I’ll show how to create a Templated ImageButton Control that holds one Image for the normal state and another for the hover state.

The trick here is to choose the proper property type (ImageSource) so Blend let’s you choose images like this:

And the result can look like this:

normal                                                                                                 hovered

How to create this ImageButton?

The next video shows how to create the templated ImageButton control in Silverlight. I’ve used the DependencyProperty snippet from our Silverlight Training.