Skip to content

Latest commit

 

History

History
60 lines (43 loc) · 3 KB

ImageBlendBrush.md

File metadata and controls

60 lines (43 loc) · 3 KB
Raw
title author description keywords
ImageBlendBrush
michael-hawker
The ImageBlendBrush is a Brush that inverts whatever is behind it in the application.
windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, brush, backdrop, image, blend

ImageBlendBrush

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

[!div class="nextstepaction"] 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

Related Topics