ImageBrush Opacity from 1 to 0


   
   
<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">
    <StackPanel>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <ImageBrush ImageSource="c:image.jpg" Opacity="1.0" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <ImageBrush ImageSource="c:image.jpg" Opacity="0.75" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <ImageBrush ImageSource="c:image.jpg" Opacity="0.5" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <ImageBrush ImageSource="c:image.jpg" Opacity="0.25" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="100" Height="50" Stroke="Black" StrokeThickness="1">
      <Rectangle.Fill>
        <ImageBrush ImageSource="c:image.jpg" Opacity="0" />
      </Rectangle.Fill>
    </Rectangle>
    </StackPanel>


</Window>

   
    
    
     


Tiled ImageBrush examples


   
   
<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">
   <StackPanel>
    <Rectangle Width="175" Height="90" Stroke="Black">
      <Rectangle.Fill>
        <ImageBrush ImageSource="c:image.jpg" Viewport="0,0,0.5,0.5" TileMode="Tile" />
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="175" Height="90" Stroke="Black">
      <Rectangle.Fill>
        <ImageBrush ImageSource="c:image.jpg" Viewport="0,0,0.5,0.5" TileMode="Tile">
          <ImageBrush.RelativeTransform>
            <RotateTransform CenterX="0.5" CenterY="0.5" Angle="45" />
          </ImageBrush.RelativeTransform>
        </ImageBrush>
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="175" Height="90" Stroke="Black">
      <Rectangle.Fill>
        <ImageBrush ImageSource="c:image.jpg" Viewport="0,0,0.5,0.5" TileMode="Tile">
          <ImageBrush.Transform>
            <RotateTransform CenterX="87.5" CenterY="45" Angle="45" />
          </ImageBrush.Transform>
        </ImageBrush>
      </Rectangle.Fill>
    </Rectangle>
   </StackPanel>    
</Window>

   
    
    
     


RotateTransform an ImageBrush


   
   


<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="175" Height="90" Stroke="Black">
      <Rectangle.Fill>
        <ImageBrush ImageSource="c:image.jpg">
          <ImageBrush.RelativeTransform>
            <RotateTransform CenterX="0.5" CenterY="0.5" Angle="45" />
          </ImageBrush.RelativeTransform>
        </ImageBrush>
      </Rectangle.Fill>
    </Rectangle>
</Window>

   
    
    
     


Image TileMode = FlipXY


   
   
<Window x:Class="Chapter05.ImageBrushTile"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="ImageBrush Tiling" Height="300" Width="300">
      <StackPanel Margin="5" Grid.Column="1" Grid.Row="1">
        <TextBlock Margin="5,5,5,0" Text="TileMode = FlipXY" />
        <TextBlock Margin="5,0,5,5" Text="Unit: Reltive" />
        <Button Width="135" Height="100">
          <Button.Background>


            <ImageBrush ImageSource="c:image.jpg"
              Viewport="0,0,0.2,0.25" TileMode="FlipXY" />


          </Button.Background>
        </Button>
      </StackPanel>
</Window>    

   
    
    
     


Image TileMode = FlipY


   
   
<Window x:Class="Chapter05.ImageBrushTile"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="ImageBrush Tiling" Height="300" Width="300">
      <StackPanel Margin="5" Grid.Column="0" Grid.Row="1">
        <TextBlock Margin="5,5,5,0" Text="TileMode = FlipY" />
        <TextBlock Margin="5,0,5,5" Text="Unit: Reltive" />
        <Button Width="135" Height="100">
          <Button.Background>


            <ImageBrush ImageSource="c:image.jpg"
              Viewport="0,0,0.2,0.25" TileMode="FlipY" />


          </Button.Background>


        </Button>
      </StackPanel>
</Window>      

   
    
    
     


Image TileMode = FlipX


   
   
<Window x:Class="Chapter05.ImageBrushTile"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="ImageBrush Tiling" Height="300" Width="300">
      <StackPanel Margin="5" Grid.Column="1" Grid.Row="0">
        <TextBlock Margin="5,5,5,0" Text="TileMode = FlipX" />
        <TextBlock Margin="5,0,5,5" Text="Unit: Absolute" />
        <Button Width="135" Height="100">
          <Button.Background>


            <ImageBrush ImageSource="c:image.jpg"
              Viewport="0,0,25,25" TileMode="FlipX" ViewportUnits="Absolute" />


          </Button.Background>
        </Button>
      </StackPanel>
</Window>      

   
    
    
     


Image tile


   
   
<Window x:Class="Chapter05.ImageBrushTile"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="ImageBrush Tiling" Height="300" Width="300">
      <StackPanel Margin="5" Grid.Column="0" Grid.Row="0">
        <TextBlock Margin="5,5,5,0" Text="TileMode = Tile" />
        <TextBlock Margin="5,0,5,5" Text="Unit: Absolute" />
        <Button Width="135" Height="100">
          <Button.Background>
            <ImageBrush ImageSource="c:image.jpg"
              Viewport="0,0,25,25" TileMode="Tile" ViewportUnits="Absolute" />
          </Button.Background>
        </Button>
      </StackPanel>
</Window>