Transformed image example : Image « Windows Presentation Foundation « VB.Net Tutorial

1. VB.Net Tutorial
2. Windows Presentation Foundation
3. Image

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="ImageElementExample.TransformedImageExample"
    Title="Transformed Image Example"
    Loaded="PageLoaded">
   <Page.Resources>
      <BitmapImage x:Key="masterImage" UriSource="c:\image.jpg"/>
   </Page.Resources>
   <DockPanel>
      <Image Source="{StaticResource masterImage}" Width="150" Margin="5"/>
      <Grid Name="transformedGrid">
         <Image Width="150" Margin="5" Grid.Column="0" Grid.Row="1">
           <Image.Source>
             <TransformedBitmap Source="c:\image.jpg" >
               <TransformedBitmap.Transform>
                 <RotateTransform Angle="90"/>
               </TransformedBitmap.Transform>
             </TransformedBitmap>
           </Image.Source>
         </Image>
      </Grid>
   </DockPanel>
</Page>

//File:Window.xaml.vb
Imports System
Imports System.Windows
Imports System.Windows.Documents
Imports System.Windows.Controls
Imports System.Windows.Navigation
Imports System.Windows.Input
Imports System.Windows.Media
Imports System.Windows.Media.Imaging


Namespace ImageElementExample
  Public Partial Class TransformedImageExample
    Inherits Page
    Public Sub New()
    End Sub

    Public Sub PageLoaded(sender As Object, args As RoutedEventArgs)
      Dim rotated90 As New Image()
      rotated90.Width = 150

      Dim tb As New TransformedBitmap()

      Dim bi As New BitmapImage()
      bi.BeginInit()
      bi.UriSource = New Uri("file:///c:/image.jpg", UriKind.RelativeOrAbsolute)
      bi.EndInit()

      tb.BeginInit()
      tb.Source = bi

      Dim transform As New RotateTransform(90)
      tb.Transform = transform
      tb.EndInit()

      rotated90.Source = tb

      Grid.SetColumn(rotated90, 1)
      Grid.SetRow(rotated90, 1)
      transformedGrid.Children.Add(rotated90)
    End Sub
  End Class
End Namespace

16.78.Image
	16.78.1.	GeometryGroup as Image
	16.78.2.	DrawingImage with GeometryDrawing
	16.78.3.	Showing an image at its natural size
	16.78.4.	The image is not resized in ImageBrush
	16.78.5.	Using an image resource
	16.78.6.	Stretch Fill Image Source
	16.78.7.	Fill a Shape with an Image
	16.78.8.	Draw a line using a part of the source image
	16.78.9.	Style for the tile
	16.78.10.	Use image to fill an Ellipse
	16.78.11.	Set width for Image
	16.78.12.	Set vertical alignment for Image
	16.78.13.	Morphing an Image
	16.78.14.	Load image from a URI
	16.78.15.	Load image source from a hard code directory
	16.78.16.	Transformed image example
	16.78.17.	Load image with BitmapImage
	16.78.18.	Load image in your code and add to grid
	16.78.19.	Use Render Target Bitmap
	16.78.20.	FormatConvertedBitmap DestinationFormat=Gray4
	16.78.21.	Use CroppedBitmap in code
	16.78.22.	2D Drawings with DrawingImage
	16.78.23.	Image Gallery
	16.78.24.	Clip an Image