April 18, 2011 Leave a comment
If an Image control is not set to fill all of the available space, you can specify how it should be aligned horizontally and vertically within the available space.
In the example below, the Stretch property is set to Uniform, so we would normally have empty space on either side of the image when the window’s aspect ratio is greater than the aspect ratio of the image. The Image control’s HorizontalAlignment is set to Center, by default, so there are white bars on both sides of the image.
<Image Name="imgKlondike" Source="TractorSm.png"/>
If we want to left-align the image in the available space, we can set the HorizontalAlignment property to Left.
<Image Name="imgKlondike" Source="TractorSm.png" HorizontalAlignment="Left"/>