Different image stretch options

   

<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
   <Grid Margin="5" Background="White">
    <Grid.ColumnDefinitions>
      <ColumnDefinition></ColumnDefinition>
      <ColumnDefinition></ColumnDefinition>
      <ColumnDefinition></ColumnDefinition>
      <ColumnDefinition></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
      <RowDefinition></RowDefinition>
      <RowDefinition Height="Auto"></RowDefinition>
    </Grid.RowDefinitions>

    <Image Margin="5" Source="c:/image.jpg" Grid.Column="3" Stretch="None"></Image>
    <Image Margin="5" Source="c:/image.jpg" Stretch="Fill"></Image>
    <Image Margin="5" Source="c:/image.jpg" Grid.Column="1" Stretch="Uniform"></Image>
    <Image Margin="5" Source="c:/image.jpg" Grid.Column="2" Stretch="UniformToFill"></Image>

    <TextBlock Grid.Row="1" TextAlignment="Center">Fill</TextBlock>
    <TextBlock Grid.Row="1" Grid.Column="1" TextAlignment="Center">Uniform</TextBlock>
    <TextBlock Grid.Row="1" Grid.Column="2" TextAlignment="Center">UniformToFill</TextBlock>
    <TextBlock Grid.Row="1" Grid.Column="3" TextAlignment="Center">None</TextBlock>
  </Grid>
</UserControl>

Related examples in the same category

1.	Creating an Image
2.	Change image Opacity
3.	Animating Opacity in JPEG Images
4.	Add image control to Canvas
5.	Rendering Clipped JPEG Images
6.	Applying Transforms to JPEG Images
7.	Image Brushes and JPEG Images
8.	Adds two Image controls to a grid, one to row 1 column 0 and the second to row 2 column 0
9.	Rotate controls counterclockwise by setting Angle to a negative value between 0 and -360
10.	Use the Image element with a reference to a URI
11.	Using an Image as an Opacity Mask
12.	Using the Jpeg Image
13.	Image element
14.	Image as Resource
15.	Load image from a URI
16.	Reflection effects
17.	DropShadows Images
18.	An Image that uses a picture from another domain
19.	Referencing a relative multiscale image in XAML
20.	Referencing a relative multiscale image at runtime
21.	Zoom a MultiScaleImage
22.	Use of the None option on an adequately sized Image element
23.	Image Stretch=Uniform
24.	Image Stretch=Fill
25.	Image Stretch=UniformToFill
26.	Blur an Image
27.	Image Drops Sharow
28.	Use slider to rotate an Image
29.	Image Reflection

Different image stretch options : Image « Graphics « Silverlight

Related examples in the same category