tintColor of UIButton's ImageView is not changing

Question

How to change tintColor of button.imageView. If I use the same image in UIImageView with the same rendering mode as below the tintColor will change but the same is not happening for button's image view. Is it because of buttonType ?

    UIButton *frontButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
    [frontButton setImage:[[UIImage imageNamed:FRONT_IMAGE] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate] forState:UIControlStateNormal];
    [frontButton.imageView setTintColor:[UIColor redColor]];
    [self addSubview:frontButton];

[link](http://stackoverflow.com/questions/14511639/how-to-tint-the-background-images-of-an-uibutton-programmatically-and-dynamicall) hope this link help you. — Mitesh Dobareeya, May 11 '16 at 08:00

Monika Patel · Accepted Answer · 2016-05-11T12:42:19.663

11

Set Button type "System" and then set tint color. This solution will definitely work. Please try this

UIButton *btn = [UIButton buttonWithType:UIButtonTypeSystem];
 [btn setTintColor:YOUR_COLOR];
 [btn setImage:YOUR_Image];

edited May 11 '16 at 12:42

answered May 11 '16 at 12:24

Monika Patel

2,287
3
20
45

Can I use [btn setBackgroundImage:Your_Image]; ? – Saurabh Jain Jul 29 '16 at 13:15
is there any difference in both? – Saurabh Jain Jul 30 '16 at 03:57
OK, Got the differences. – Saurabh Jain Aug 29 '16 at 06:53

Kirit Modi · Answer 2 · 2016-05-11T09:03:49.843

Try This code to change the tint color inside Button :

UIButton *frontButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
UIImageView *imageV = [[UIImageView alloc] initWithImage:[UIImage imageNamed:FRONT_IMAGE]];
imageV.image = [imageV.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
imageV.tintColor = [UIColor redColor];
[frontButton setImage:imageV.image forState:UIControlStateNormal];

score 2 · Answer 3 · answered Apr 08 '20 at 17:18

Swift 4.0

extension UIImage {
    public static func imageWithRenderingModeAlwaysTemplate(named: String) -> UIImage? {
        let image = UIImage(named: named)?.withRenderingMode(.alwaysTemplate)
        let imageView = UIImageView(image: image)
        return imageView.image
    }
}

Using

let button = UIButton.setImage(UIImage.imageWithRenderingModeAlwaysTemplate(named: ""), for: .normal)
button.tintColor = .red

score 1 · Answer 4 · answered May 11 '16 at 10:01

you can do something like,

UIButton *frontButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
[frontButton setImage:[[UIImage imageNamed:FRONT_IMAGE] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate] forState:UIControlStateNormal];
[frontButton setTintColor:[UIColor redColor]];
[self addSubview:frontButton];

Set tint color to button and if image rendering mode is template then it will also get this tint color.

If you want different tint color for button and different for image then you should take one temporary imageview and set image to that imageview with rendering mode template and then set tint color to that imageview and then set image to button from that imageview.

Hope this will help :)

score 0 · Answer 5 · answered May 11 '16 at 09:06

0

I found the answer, I just need to give tintColor to UIButton not to button's imageView property after setting the rendering mode as mentioned in the question.

[button setTintColor:YOUR_COLOR];

answered May 11 '16 at 09:06

Sunil Rao

800
2
6
23

score 0 · Answer 6 · answered Aug 26 '19 at 14:29

0

Xamarin iOs Solution:

  var image = uiButton.ImageView.Image.ImageWithRenderingMode(UIImageRenderingMode.AlwaysTemplate);
  uiButton.SetImage(image, UIControlState.Normal);
  uiButton.TintColor = effect.TintColor.ToUIColor();

answered Aug 26 '19 at 14:29

Rudy Spano

1,379
10
13

Awesome, I was looking for this. Regards – SergioAMG Sep 20 '19 at 19:24

tintColor of UIButton's ImageView is not changing

6 Answers6