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






<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
WPF Transformed Image Example








16.78.Image
16.78.1.GeometryGroup as ImageGeometryGroup as Image
16.78.2.DrawingImage with GeometryDrawingDrawingImage with GeometryDrawing
16.78.3.Showing an image at its natural sizeShowing an image at its natural size
16.78.4.The image is not resized in ImageBrushThe image is not resized in ImageBrush
16.78.5.Using an image resourceUsing an image resource
16.78.6.Stretch Fill Image SourceStretch Fill Image Source
16.78.7.Fill a Shape with an ImageFill a Shape with an Image
16.78.8.Draw a line using a part of the source imageDraw a line using a part of the source image
16.78.9.Style for the tileStyle for the tile
16.78.10.Use image to fill an EllipseUse image to fill an Ellipse
16.78.11.Set width for ImageSet width for Image
16.78.12.Set vertical alignment for ImageSet vertical alignment for Image
16.78.13.Morphing an ImageMorphing an Image
16.78.14.Load image from a URILoad image from a URI
16.78.15.Load image source from a hard code directoryLoad image source from a hard code directory
16.78.16.Transformed image exampleTransformed image example
16.78.17.Load image with BitmapImageLoad image with BitmapImage
16.78.18.Load image in your code and add to gridLoad image in your code and add to grid
16.78.19.Use Render Target BitmapUse Render Target Bitmap
16.78.20.FormatConvertedBitmap DestinationFormat=Gray4FormatConvertedBitmap DestinationFormat=Gray4
16.78.21.Use CroppedBitmap in codeUse CroppedBitmap in code
16.78.22.2D Drawings with DrawingImage2D Drawings with DrawingImage
16.78.23.Image GalleryImage Gallery
16.78.24.Clip an ImageClip an Image