Buttons with WPF images

Question

I’m new in WPF and I’m wanting to create a button, where its content will only have a background image and nothing else. Will not have border, background color or text, just a clickable image.

I tried to make:

<Button>
    <StackPanel>
        <Image Source="images\icon_button_exit.png" />
    </StackPanel>
</Button>

But the result was not pleasant...

I want something like that:

And then when the user would hover over the button or click, an effect similar to this would happen:

What’s the best way to do that?

Answer 1

To accomplish this in WPF, you will need 2 images, one for the standard effect and the other for the effect of Mouse Over.

Here’s a link from Stackoverflow that can help solve this problem:

https://stackoverflow.com/questions/17657048/how-to-make-a-image-button-that-change-the-image-when-mouse-over-button-wpf