Image Processing Effect¶

The Image Processing Effect allows you to apply a variety of different filters to an image giving you further customizability when creating elements of your UI.

Effect

Effects¶

This is a list of effects provided in the API. See the individual documentation for properties pertaining to that effect.

Blur¶

Lets you control the amount of blur to apply to an image.

Blur

Circular¶

Create a circular outline to an image, cutting out and displaying a portion of it, like a spotlight.

Circular

Grayscale¶

Turn the image into its grayscale.

Grayscale

Invert¶

Invert the colors of the image.

Invert

ResizeImage¶

Resize the height and width of an image. Suitable for exporting elsewhere.

Scale¶

Scale the image up or down.

Sepia¶

Apply a sepia effect to the image.

Sepia

Example Usage¶

Xaml¶

<Image.Effects>
    <auroraEffects:ImageProcessingEffect>
        <auroraEffects:ImageProcessingEffect.ImageProcessingEffects>
            <auroraImageProcessing:Blur BlurringLocation="Full" BlurAmount="5" />
            <auroraImageProcessing:Grayscale />
            <auroraImageProcessing:Invert />
        </auroraEffects:ImageProcessingEffect.ImageProcessingEffects>
    </auroraEffects:ImageProcessingEffect>
</Image.Effects>

C#¶

var effect = new Aurora.Effects.ImageProcessingEffect();
    effect.ImageProcessingEffects.Add(
        new Aurora.ImageProcessing.Sepia()
    );

    image.Effects.Add(effect);