This repository has been archived by the owner. It is now read-only.
Xamarin Forms Tinted Image for iOS, Android & Universal Windows Platform
Switch branches/tags
Nothing to show
Clone or download
Latest commit ee96e6e Aug 3, 2018
Permalink
Failed to load latest commit information.
demo Removed unnecessary files Aug 10, 2017
nuget Resturcted to Plugin architecture Aug 10, 2017
src Update TintedImageRenderer.cs Feb 7, 2018
LICENSE Resturcted to Plugin architecture Aug 10, 2017
README.md Update README.md Aug 3, 2018

README.md

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.