Edit

Share via

ImageBlendBrush

  • Article

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

Image Blend

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