Windows 8 Image UniformFill centered

Question

I have a little problem, I have a group item which I want to give a background image which it should scale keeping it's correct dimensions but by default it shows the image from the top left, I want the image to be centered.

Here is an illustration to further explain my problem. (the gray part is what is clipped)

And I have this XAML

<Image Source="/url/to/image.jpg" Stretch="UniformToFill"/> 

Answer 1

I managed to solve my problem, I made the image larger than the container it was placed in and vertical aligned it in the center.

<Grid HorizontalAlignment="Left" Width="250" Height="125">     <Image Source="/url/to/image.jpg" Stretch="UniformToFill" Height="250" Margin="0" VerticalAlignment="Center"/> </Grid> 

The overflow of the image was invisible :)

Answer 2

In case the size of the source image is unknown in advance I had to use different trick:

<Border Width="250" Height="250">     <Border.Background>         <ImageBrush ImageSource="/url/to/image.jpg"                     Stretch="UniformToFill"/>     </Border.Background> </Border>