How can I get stop the button control in Windows Phone from making that ugly white flash when clicked?

Question

So I have a few items in a list that I display on my MainPage. I have a button that looks like this:

<Button Grid.Column="1" Click="Button_Click" BorderThickness="0" Height="40">
     <Button.Background>
           <ImageBrush ImageSource="/WindowsPhonePanoramaApplication2;component/Images/appbar.feature.email.rest.png" Stretch="None" />
     </Button.Background>
</Button>

Every time I click on it, the image disappears under this bright white rectangle. I'd rather have it display another image instead. How can I achieve this?

Thanks for looking

Answer 1

To do this you'll need to retemplate the button to use a different visual state when clicked.

See also these following image button controls/alternatives:

• http://blogs.msdn.com/b/dohollan/archive/2011/04/22/using-images-as-buttons-on-windows-phone-7.aspx
• http://web.archive.org/web/20110209105722/http://www.silvergeek.net/windows-phone-7/imagebutton-control-for-win-phone-7/
• http://blogs.msdn.com/b/priozersk/archive/2010/08/14/creating-round-image-button-for-wp7-part-1.aspx