A Beveled Button and TextBlock with BevelBitmapEffect

image_pdfimage_print


   
 

<Window x:Class="BitmapEffectsExample"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Bitmap Effects" Height="500" Width="400">
    <StackPanel Margin="5" Grid.Column="0" Grid.Row="0">
      <Button Content="A Beveled Button" Width="175" Height="50"
        Margin="5">
        <Button.BitmapEffect>
          <BevelBitmapEffect BevelWidth="10"
            EdgeProfile="CurvedIn" LightAngle="45" Relief="0.2"
            Smoothness="0.5" />
        </Button.BitmapEffect>
      </Button>
      <TextBlock Text="Bevel" FontSize="65" FontWeight="Bold"
        Foreground="DarkRed">
        <TextBlock.BitmapEffect>
          <BevelBitmapEffect />
        </TextBlock.BitmapEffect>
      </TextBlock>
    </StackPanel>

</Window>

   
     


Shadow Effect and DropShadowBitmapEffect

image_pdfimage_print


   
 

<Window x:Class="BitmapEffectsExample"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Bitmap Effects" Height="500" Width="400">
    <!-- : -->
    <StackPanel Margin="5,20,5,5" Grid.Column="1" Grid.Row="1">
      <Button Content="A Shadow Button" Width="150" Height="30"
        Margin="5">
        <Button.BitmapEffect>
          <DropShadowBitmapEffect ShadowDepth="10"
            Color="DarkRed" />
        </Button.BitmapEffect>
      </Button>
      <TextBlock Text="Shadow" Margin="3,0,3,13" FontSize="40"
        FontWeight="Bold" Foreground="LightCoral">
        <TextBlock.BitmapEffect>
          <DropShadowBitmapEffect ShadowDepth="20"
            Color="Gray" Softness="0" />
        </TextBlock.BitmapEffect>
      </TextBlock>
    </StackPanel>

</Window>

   
     


Embossed Effect with EmbossBitmapEffect

image_pdfimage_print


   
 

<Window x:Class="BitmapEffectsExample"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Bitmap Effects" Height="500" Width="400">

    <StackPanel Margin="5,10,5,5" Grid.Column="0" Grid.Row="2">
      <TextBlock Text="Original Image" Margin="5" />
      <Image Width="175" Source="c:image.jpg" Margin="5"
        Grid.Column="0" Grid.Row="2" />
      <TextBlock Text="Embossed Image" Margin="5" />
      <Image Width="175" Source="c:image.jpg" Margin="5">
        <Image.BitmapEffect>
          <EmbossBitmapEffect Relief="0.5" LightAngle="320" />
        </Image.BitmapEffect>
      </Image>
    </StackPanel>

</Window>
    

   
     


Glowing Effect with OuterGlowBitmapEffect

image_pdfimage_print


   
 

<Window x:Class="BitmapEffectsExample"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Bitmap Effects" Height="500" Width="400">
    <StackPanel Margin="5,20,5,5" Grid.Column="0" Grid.Row="1">
      <Button Content="A Growing Button" Width="150" Height="30" Margin="10">
        <Button.BitmapEffect>
          <OuterGlowBitmapEffect GlowColor="Gray"
            GlowSize="15" Noise="1" />
        </Button.BitmapEffect>
      </Button>
      <TextBlock Text="Growing" FontSize="40" FontWeight="Bold"
        Foreground="White" Margin="5">
        <TextBlock.BitmapEffect>
          <OuterGlowBitmapEffect GlowColor="Gray"
            GlowSize="10" Noise="0.5" />
        </TextBlock.BitmapEffect>
      </TextBlock>
    </StackPanel>

</Window>

   
     


Blur Effect with BlurBitmapEffect

image_pdfimage_print


   
 

<Window x:Class="BitmapEffectsExample"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Title="Bitmap Effects" Height="500" Width="400">
    <!-- : -->
    <StackPanel Margin="5" Grid.Column="1" Grid.Row="0">
      <Button Content="A Blur Button" Width="175" Height="50"
        Margin="5">
        <Button.BitmapEffect>
          <BlurBitmapEffect Radius="1" />
        </Button.BitmapEffect>
      </Button>
      <Button Content="A Blur Button" Width="175" Height="50"
        Margin="5">
        <Button.BitmapEffect>
          <BlurBitmapEffect Radius="3" />
        </Button.BitmapEffect>
      </Button>
    </StackPanel>

</Window>

   
     


Create a shadow effect for displayed text.

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.Window1" Title="Text Shadow Samples"
  Background="FloralWhite">
  <StackPanel>
      <TextBlock FontSize="64" Text="Shadow Text" Foreground="Teal">
        <TextBlock.BitmapEffect>
          <DropShadowBitmapEffect ShadowDepth="6" Direction="330" Color="Black" Opacity="0.5" Softness="0.25" />
        </TextBlock.BitmapEffect>
      </TextBlock>
  </StackPanel>
</Window>

   
     


Hard single shadow

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.Window1" Title="Text Shadow Samples"
  Background="FloralWhite">
  <StackPanel>
      <TextBlock
        FontSize="64"
        Text="asdf"
        Foreground="Maroon"
        Grid.Column="1" Grid.Row="1">
        <TextBlock.BitmapEffect>
          <DropShadowBitmapEffect
            ShadowDepth="6"
            Direction="135"
            Color="Maroon"
            Opacity="0.35"
            Softness="0.0" />
        </TextBlock.BitmapEffect>
      </TextBlock>


  </StackPanel>
</Window>