Beginning Web Development, Silverlight, and ASP.NET AJAX

384
CHAPTER 16 ■ PROGRAMMING SILVERLIGHT WITH XAML AND JAVASCRIPT
UniformToFill: Scales the image completely to fill the desired area, preserving its
aspect ratio and clipping it if necessary.
Fill: Scales the image to fill the desired area using independent scaling on the x- and
y-axes. This will distort the image to completely fill the available space.
To complement stretching the image, you can also set the image alignment using the
AlignmentX and AlignmentY attributes. When the image doesn’t fill the paint area, it can
then be aligned as you desire by setting these properties. As you would expect, the values
for AlignmentX are Left, Right, and Center, and the values for AlignmentY are Top, Bottom,
and Center.
Here’s an example of XAML that fills four rectangles with the same image, but sets
each of them to a value from the different stretch modes, setting their alignments to the
bottom right-hand corner.