How do I put a border around an image in WPF?

Question

I have a StackPanel containing five images and I want to put a black border around each image.

The XAML I have at the moment is:

<Image Name="imgPic1"
       Width="100"
       Height="75"
       Stretch="Fill"
       VerticalAlignment="Top" />

I thought I would be just able to put a one-unit margin or padding on the image and set a background color to 000000 but Padding and Background are both invalid for images.

What is an easy way to do this in XAML? Do I really have to put each image inside another control to get a border around it or is there some other trickery I can use?

Answer 1

Simply wrap the Image in a Border control

<Border BorderThickness="1">     <Image Name="imgPic1"            Width="100"            Height="75"            Stretch="Fill"            VerticalAlignment="Top" /> </Border> 

You could also provide a style you apply to images that does this if you don't want to do it around every image

---

Final solution from answer and comments added by Pax:

<Border BorderThickness="1"         BorderBrush="#FF000000"         VerticalAlignment="Top">     <Image Name="imgPic1"            Width="100"            Height="75"            Stretch="Fill"            VerticalAlignment="Top"/> </Border> 

Answer 2

The accepted answer will not work because of the problem described here https://wpf.2000things.com/2011/04/17/279-adding-a-border-around-an-image-control/

I solved it this way.

<Viewbox>
    <Border BorderThickness="3" BorderBrush="Red">
     <Image Stretch="None" ></Image>
    </Border>
   </Viewbox>