Image tint Button Android Xamarin Forms - xamarin.forms

Question

I try to create a CustomRenderer for Android inherit to ButtonRenderer with an Image. I want change color of Image programmatically like TintColor on iOS.
For example, my CustomRenderer iOS :
public class IconButtonRenderer : ButtonRenderer
{
protected override void OnElementChanged(ElementChangedEventArgs<Button> e)
{
base.OnElementChanged(e);
var button = e.NewElement;
}
public override void Draw(CoreGraphics.CGRect rect)
{
base.Draw(rect);
// Here I change color of Image in Red.
Control.ImageView.Image = Control.ImageView.Image.ImageWithRenderingMode(UIImageRenderingMode.AlwaysTemplate);
Control.ImageView.TintColor = UIColor.Red;
}
}
On Android:
Control is an Android.Widget.Button and not have Image property but Xamarin.Forms.Button has property Image and use Android.Widget.Button for Android.
How I can access image with format Android for change color?

Answer 1

Image tint Button Android Xamarin Forms
Orignal Image
Solution 1 :
As #Mathias Kirkegaard said, in your ButtonRenderer you could use SetColorFilter to change color :
Control.Background.SetColorFilter(Android.Graphics.Color.Blue, PorterDuff.Mode.SrcIn);
It did work in native Android, but has some problem in Xamarin.Forms, it only changes the Button background color like this: effect. Hope someone could find a solution, and if I find a solution to solve this issue I will come back and update my answer.
Solution 2 :
You could use the plugin : Tinted Image and add a click event to implement the same feature.
Install the Plugin.CrossPlatformTintedImage nuget package
Initialize the renderer in your iOS, Android, and UWP projects as shown below:
Xamarin.Forms.Init();
TintedImageRenderer.Init();
In Xaml:
<ContentPage
...
xmlns:controls="clr-namespace:Plugin.CrossPlatformTintedImage.Abstractions;assembly=Plugin.CrossPlatformTintedImage.Abstractions"
...>
...
<controls:TintedImage x:Name="buttonImage" TintColor="Blue" Source="redDis.png"/>
...
</ContentPage>
In code, Adding a Tap Gesture Gesture Recognizer :
var tapGestureRecognizer = new TapGestureRecognizer();
tapGestureRecognizer.Tapped += (s, e) =>
{
// handle the tap
};
buttonImage.GestureRecognizers.Add(tapGestureRecognizer);
Effect after adding a click event on Tinted Image
Solution 3 :
If you need to use ImageButton, you could refer to this solution. I didn't test it but you could use the ImageButton from XLab.
XLab ImageButton Source code
XLab ImageButtonRenderer Source code

Answer 2

On a button you can use "SetColorFilter(color)"
You might be able to get the color using the ContextCompat:
var color = new Color(ContextCompat.GetColor(Context, Resource.Color.Green));
and then apply it:
yourButton.SetColorFilter(color)
Not sure whether you need to use an ImageButton rather than a simple Button.