Animated Clip Examples : Image « Windows Presentation Foundation « C# / CSharp Tutorial






  1. C# / CSharp Tutorial
  2. Windows Presentation Foundation
  3. Image
<Window x:Class="Workspace.DockExample"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Workspace" Width="640" Height="480">
      <Image Source="c:\image.jpg" 
        Width="200" Height="150" HorizontalAlignment="Left">
        <Image.Clip>
          <EllipseGeometry x:Name="MyEllipseGeometry1"
            RadiusX="100"
            RadiusY="75"
            Center="100,75"/>
        </Image.Clip>
        <Image.Triggers>
          <EventTrigger RoutedEvent="Image.Loaded">
            <BeginStoryboard>
              <Storyboard>
                <PointAnimation 
                  Storyboard.TargetName="MyEllipseGeometry1" 
                  Storyboard.TargetProperty="(EllipseGeometry.Center)"
                  From="0,0" To="200,150" Duration="0:0:3" RepeatBehavior="Forever" 
                  AutoReverse="True" />
                </Storyboard>
            </BeginStoryboard>
          </EventTrigger>
        </Image.Triggers>
      </Image> 

</Window>
WPF Animated Clip Examples




24.93.Image
24.93.1.Read bitmap from Uri
24.93.2.Image with ContextMenuImage with ContextMenu
24.93.3.Animated Clip ExamplesAnimated Clip Examples
24.93.4.Triangular Clip ExampleTriangular Clip Example
24.93.5.Elliptical Clip ExampleElliptical Clip Example
24.93.6.ImageBrush within a DrawingBrush.ImageBrush within a DrawingBrush.
24.93.7.Using an Image as an Opacity MaskUsing an Image as an Opacity Mask
24.93.8.Display a Static ImageDisplay a Static Image
24.93.9.Set opacity for ImageSet opacity for Image
24.93.10.Set tooltip for ImageSet tooltip for Image
24.93.11.Using the Jpeg ImageUsing the Jpeg Image
24.93.12.Image elementImage element
24.93.13.Image as ResourceImage as Resource
24.93.14.Load image with BitmapImageLoad image with BitmapImage
24.93.15.Load image in your code and add to gridLoad image in your code and add to grid
24.93.16.Use CroppedBitmap in codeUse CroppedBitmap in code
24.93.17.Transformed image exampleTransformed image example
24.93.18.Use Render Target BitmapUse Render Target Bitmap
24.93.19.Load image from a URILoad image from a URI
24.93.20.Modify Image PixelsModify Image Pixels
24.93.21.Add Caption for an ImageAdd Caption for an Image
24.93.22.Load image source from a hard code directoryLoad image source from a hard code directory
24.93.23.FormatConvertedBitmap DestinationFormat=Gray4FormatConvertedBitmap DestinationFormat=Gray4
24.93.24.Create Image from BitmapImage
24.93.25.Assign Image to window content