C# XAML (WPF) add button to image

Question

I Have this code:

<Button >
      <Button.Content>
            <Image Source="component/Resources/Homer.jpg" />
      </Button.Content>
</Button>

This create an image as part of a button But i want to do the opposite thing, i want to have an image and make a button a part od that image

something like:

<Image >
     <Button>
     </Button>
</Image>

Is it possible? if yes, how?

Thanks you

Answer 1

This is not directly possible.

The reason is that the Image Class is designed to display an image, not host controls, and thus does not implement a content or inherit from ContentControl the way other hosting objects do.

While there no little reason I can fathom NOT to place an Image in a Button, there are a few options.

• While Image does not implement a Click event, you can use Preview Mouse Down for a similar effect.
• You can place both a Button and an Image in a Grid, causing them to share the same space

 <Grid > <Button ... HorizontalAlignment="Stretch" VerticalAlignment="Stretch" /> <Image ... /> </Grid >