Different image stretch options : Image « Graphics « Silverlight

Home Silverlight 1. Animations 2. Communication 3. Containers 4. Data 5. Events 6. Graphics 7. Shapes 8. UI Controls

Silverlight » Graphics » Image Screenshots  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