Xamarin.Forms Android change color of Button Image

Question

I have a custom ButtonRenderer for Android and I want to change the color of the Image that I use for the button.

This is my ButtonRenderer:

public class VolosBaseButtonRenderer : Xamarin.Forms.Platform.Android.AppCompat.ButtonRenderer {
        public VolosBaseButtonRenderer(Context context) : base(context) { }

        protected override void OnElementChanged(ElementChangedEventArgs<Button> e) {
            base.OnElementChanged(e);

            // What I must do here for change the Image color????

        }

        protected override AppCompatButton CreateNativeControl() {
            var context = new ContextThemeWrapper(Context, Resource.Style.Widget_AppCompat_Button_Borderless);
            var button = new AppCompatButton(context, null, Resource.Style.Widget_AppCompat_Button_Borderless);
            return button;
        }    
    }

I tried these methods but none worked:

Control.Background.SetColorFilter(global::Android.Graphics.Color.Blue, global::Android.Graphics.PorterDuff.Mode.SrcIn);

Control.Background.SetTint(Color.Red.ToAndroid());

If it's possible I can apply a style at the button (but I don't know how to do it).

Any methods will be fine.

Thank you!

Shouldn't it just be button.SetColourFilter(Color.Blue, PortterDuff.Mode.SrcIn); not sure why you're using 'Control.Background', it's also not the background you're tinting on an image button. — JoeTomks
– JoeTomks, Commented Mar 5, 2018 at 10:07

sme · Accepted Answer · 2018-03-05 10:23:13Z

2

Assuming your custom Button has two properties, CustomImage, which stores a string of an resource image name, ie "icon.png", and another ImageTintColor, which stores a Xamarin.Forms.Color object, you can use it like so:

var button = (CustomButton)Control.Element;
using (var image = GetScaleDrawable(Resources.GetDrawable(button.CustomImage.Split('.')[0]),
    (int)button.WidthRequest, 
    (int)button.HeightRequest))
{
    if (button.ImageTintColor != Xamarin.Forms.Color.Default)
        image.SetColorFilter(button.ImageTintColor.ToAndroid(), PorterDuff.Mode.SrcAtop);

    this.Control.SetPadding(0, 0, 0, 0);
    this.Control.SetCompoundDrawables(null, image, null, null);
}

answered Mar 5, 2018 at 10:23

sme

4,1834 gold badges30 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Xamarin.Forms Android change color of Button Image

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related