How to change tintColor of image in UIButton with imageEdgeInsets?

Question

I I have an UIButton in my objective-c application. My button was modified adding text and image like:

- (void)centerButtonAndImageWithSpacing:(CGFloat)spacing {
     CGFloat insetAmount = spacing / 2.0;
     self.imageEdgeInsets = UIEdgeInsetsMake(0, -insetAmount, 0, insetAmount);
     self.titleEdgeInsets = UIEdgeInsetsMake(0, insetAmount, 0, -insetAmount);
     self.contentEdgeInsets = UIEdgeInsetsMake(0, insetAmount, 0, insetAmount);
}

And then I add the image with this code:

[self.myButton setImage:[UIImage imageNamed:@"imageButton.png"] forState:UIControlStateNormal];

I want change the tintColor of the image, but when I try change this, my code isn't work:

[self.myButton setTintColor:[UIColor redColor]];

I'm trying use this code, but didn't work:

UIImage* img = [UIImage imageNamed:imageName];
icon.image = [img imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
icon.tintColor = [UIColor redColor];

I have this:

I want get it:

How could I change the color of the imageButton?

See this link http://stackoverflow.com/questions/12396236/ios-change-the-colors-of-a-uiimage — Piyush, Jan 09 '17 at 10:59

Vishnuvardhan · Answer 1 · 2017-09-27T08:16:35.803

4

We can apply the desired color for the transparent icons with the following way.

1.Drag the image on Assets.xcassets and In asset attribute inspector change the Render as attribute to Template Image.

2.And set the required tint color like below way.

icon.tintColor = [UIColor redColor];

Hope it will help you.

edited Sep 27 '17 at 08:16

answered Jan 09 '17 at 11:51

Vishnuvardhan

5,081
1
17
33

score 2 · Answer 2 · answered Jan 10 '17 at 08:11

The solution to change tintColor property was setImage with renderingMode:

 imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate

With this code:

[self.myButton setImage:[[UIImage imageNamed:@"myImageButton.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate] forState:UIControlStateNormal];

Then set image to button with this code we can set the tintColor property correctly:

 self.myButton.tintColor = [UIColor redColor];

score 1 · Answer 3 · answered Jan 09 '17 at 10:29

1

Change the UIButtonType to UIButtonTypeCustom in Interface Builder or programmatically with

 UIButton *myButton = [UIButton buttonWithType:UIButtonTypeCustom];

Change the attributes on your own and recreate the rounded corners

myButton.backgroundColor = [UIColor redColor];
myButton.layer.borderColor = [UIColor blackColor].CGColor;
myButton.layer.borderWidth = 0.5f;
myButton.layer.cornerRadius = 10.0f;

let me know the status ..

answered Jan 09 '17 at 10:29

Purushothaman

358
4
22

How can I apply this, if my button is an IBOutlet added to storyboard? – user3745888 Jan 09 '17 at 10:31
@user3745888 You will see the Type when you will select button in storyboard just change it to custom – Piyush Jan 09 '17 at 10:36
2

I have add this, but this change the background, this don't change the color of uiimage.. – user3745888 Jan 09 '17 at 10:41

score 1 · Answer 4 · answered Jan 09 '17 at 10:30

Create a layer and set your desired coloured and mask in on your ImageView in your button like this.

for (UIView *view in myButton.subviews) {
        if ([view isKindOfClass:[UIImageView class]]) {
            CALayer *mask = [CALayer layer];
            mask.backgroundColor = [UIColor redColor].CGColor;
            view.layer.mask = mask;
        }
    }

score 1 · Answer 5 · answered Feb 21 '19 at 10:37

1

Swift 4 and 4.2

let img = UIImage.init(named: "buttonName")?.withRenderingMode(UIImageRenderingMode.alwaysTemplate)
            btn.setImage(img, for: .normal)
            btn.tintColor = .gray

}

answered Feb 21 '19 at 10:37

Akbar Khan

2,215
19
27

score 0 · Answer 6 · answered Apr 26 '20 at 10:53

0

Swift 5

let examButton = UIButton(image: UIImage(systemName: "rectangle.dock")!, tintColor: .systemRed, target: self, action: #selector(showExamController))

examButton.setTitleColor(.label, for: .normal)
examButton.setTitle("   12K", for: .normal)

answered Apr 26 '20 at 10:53

kAiN

2,559
1
26
54

How to change tintColor of image in UIButton with imageEdgeInsets?

6 Answers6

Linked