/xamarin-forms-tinted-image

Xamarin Forms Tinted Image for iOS, Android & Universal Windows Platform

Primary LanguageC#MIT LicenseMIT

Cross Platform Tinted Image

A simple custom control for tinting images in Xamarin Forms.

[This repository is no longer maintained]

Supported Platforms

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

  • iOS
  • Android
  • Universal Windows Platform

iPhone 6s Screenshot Nexus 6 Screenshot Windows 10 Mobile Screenshot

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.