Image with ContextMenu

image_pdfimage_print


   
    

<Window x:Class="ControlDemos.menu"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="ControlDemos" Height="300" Width="300">
      <Image Name="image1" Source="file:///c:/image.jpg">
        <Image.ContextMenu>
          <ContextMenu>
            <MenuItem Header="CheckStates">
              <MenuItem Header="A" IsCheckable="True" IsChecked="True" Name="mnuItem1" ></MenuItem>
              <MenuItem Header="B" IsCheckable="True" IsChecked="False"></MenuItem>
              <MenuItem Header="C" IsCheckable="False" IsChecked="False"></MenuItem>
              <MenuItem Header="D" IsCheckable="False" IsChecked="True">
                <MenuItem.ToolTip>
                  <StackPanel Orientation="Horizontal">
                    <Image Source="c:image.jpg"></Image>
                    <Label>picture tooltip</Label>
                  </StackPanel>
                </MenuItem.ToolTip>
              </MenuItem>
            </MenuItem>
          </ContextMenu>
        </Image.ContextMenu>
      </Image>
</Window>

   
    
    
    
     


Animated Clip Examples

image_pdfimage_print


   
    

<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>

   
    
    
    
     


Elliptical Clip Example

image_pdfimage_print


   
    

<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
            RadiusX="100"
            RadiusY="75"
            Center="100,75"/>
        </Image.Clip>
      </Image>

</Window>

   
    
    
    
     


ImageBrush within a DrawingBrush.

image_pdfimage_print


   
    

<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">
      <Rectangle Width="50" Height="50" Grid.Row="0" Grid.Column="1">
        <Rectangle.Fill>
          <DrawingBrush Viewport="0,0,1,1" TileMode="Tile">
            <DrawingBrush.Drawing>
              <DrawingGroup>
                <GeometryDrawing Brush="Pink">
                  <GeometryDrawing.Geometry>
                    <RectangleGeometry Rect="0,0,1,1" />
                  </GeometryDrawing.Geometry>
                </GeometryDrawing>
                <GeometryDrawing>
                  <GeometryDrawing.Brush>
                    <ImageBrush ImageSource="c:image.jpg"  />
                  </GeometryDrawing.Brush>
                  <GeometryDrawing.Geometry>
                    <RectangleGeometry Rect="0,0,0.5,0.5" />
                  </GeometryDrawing.Geometry>
                </GeometryDrawing>
                <GeometryDrawing>
                  <GeometryDrawing.Brush>
                    <ImageBrush ImageSource="c:image.jpg"  />
                  </GeometryDrawing.Brush>
                  <GeometryDrawing.Geometry>
                    <RectangleGeometry Rect="0.5,0.5,0.5,0.5" />
                  </GeometryDrawing.Geometry>
                </GeometryDrawing>
              </DrawingGroup>
            </DrawingBrush.Drawing>
          </DrawingBrush>
        </Rectangle.Fill>
      </Rectangle>

</Window>

   
    
    
    
     


Using an Image as an Opacity Mask

image_pdfimage_print


   
    
<Window  
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="SDKSample.SampleViewer"
    Title="Examples" >

   <Canvas> 
      <Image Height="150" Width="200" Source="c:image.jpg" HorizontalAlignment="Left" Margin="10">
        <Image.OpacityMask>
          <ImageBrush ImageSource="c:image.png"/>
        </Image.OpacityMask>
      </Image>
   </Canvas> 
</Window>

   
    
    
    
     


Display a Static Image

image_pdfimage_print


   
     

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="WPF" Height="300" Width="400">
    <StackPanel Orientation="Horizontal">
        <Image Margin="10" ToolTip="Bottom Image" Width="100" Source="c:image.gif" />
    </StackPanel>
</Window>