Cross Platform Tinted Image

A simple custom control for tinting images in Xamarin Forms.

Supported Platforms

The TintedImage control supports native renderer implementations for the following platforms:

• iOS
• Android
• Universal Windows Platform

Installation

• Available on NuGet: Plugin.CrossPlatformTintedImage
• Install into your shared PCL project and Platform projects.
• Make sure to initialize the renderer in your iOS, Android, and UWP projects as shown below:

Xamarin.Forms.Init();
TintedImageRenderer.Init();

Sample Usage

In Xaml:

<ContentPage 
    ...
    xmlns:controls="clr-namespace:Plugin.CrossPlatformTintedImage.Abstractions;assembly=Plugin.CrossPlatformTintedImage.Abstractions"
    ...>
    ...
    <controls:TintedImage TintColor="Blue" />
    ...
</ContentPage>

In Code:

var tintedImage = new TintedImage { TintColor = Color.Blue };

For more details, refer to the demo app.

Note

Tinting can be disabled by setting TintColor to Transparent. This will display the original image.