ImageBlendBrush

The ImageBlendBrush is a Brush that blends the provided image with whatever is behind it in the application with the provided blend mode.

Try it in the sample app

Syntax

<Border Grid.Column="0">
  <Border.Background>
    <media:ImageBlendBrush
      Source="/SamplePages/DropShadowPanel/Unicorn.png"
      Stretch="None"
      Mode="ColorBurn"/>
  </Border.Background>
</Border>

Example Image

Properties

Property	Type	Description
Source	Windows.UI.Xaml.Media.ImageSource	The ImageSource property specifies which image to use for the effect. It is assumed it will resolve to a BitmapImage.
Stretch	Windows.UI.Xaml.Media.Stretch	The Stretch property specifies how the image should stretch to its container. Requires 10.0.16299 or higher for modes other than None (default).
Mode	ImageBlendMode	The ImageBlendMode property specifies how the image should be blended with the backdrop. See the BlendEffectMode reference.

Sample Project

ImageBlendBrush sample page Source. You can see this in action in the Windows Community Toolkit Sample App.

Requirements

Device family	Universal, 10.0.16299.0 or higher
Namespace	Microsoft.Toolkit.Uwp.UI.Media
NuGet package	Microsoft.Toolkit.Uwp.UI.Media

API

• ImageBlendBrush source code

Related Topics

• BitmapImage
• Win2D BlendEffect reference
• BlendEffectMode reference
• Working with Brushes and Content – XAML and Visual Layer Interop, Part One