Setting Bar Button Item color in a custom navigation bar

Question

I created a custom navigation bar and a right navigation button using the XIB. This works fine. But I need to to customize the tint color of the right navigation button. At the moment this tint color is the same color as tint color of navigation bar. I need a different color for this right button. Is there any way to change this color?

Thank you.

score 14 · Answer 1 · answered May 01 '12 at 09:34

14

In iOS 5 there is 'appearance' feature:

[[UIBarButtonItem appearance] setTintColor:YOUR_COLOR];

answered May 01 '12 at 09:34

pbibergal

2,901
1
17
19

Yes this is a very old thread. In the old OS it was not that easy. – Dilshan May 15 '12 at 17:59

score 4 · Accepted Answer · edited Dec 06 '14 at 01:43

Not to my knowledge, the button inherits the tint color of the navigationBar. What you can do is set a customView for the navigationItem:

This is how you set it with one of the SDK's buttons:

UIBarButtonItem *shareButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAction target:self action:@selector(shareButtonHandler:)];

[self.navigationItem setRightBarButtonItem:shareButton];
[shareButton release];

Instead you can do it like this:

UIBarButtonItem *btn = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"yourImage.png" style:UIBarButtonItemStyleBordered target:self action:@selector(customButtonHandler:)]];

To use an image you made in photoshop etc.

There is als an initWithCustomView:UIView or initWithTitle:NSString you can use.

Sorry no "one-line solution" :)

Yes this is the closest answer. No other way to do this infact. Thank you RickiG. — Dilshan, Dec 28 '10 at 10:05

score 1 · Answer 3 · answered Feb 02 '17 at 13:08

1

Swift 3.x

UIBarButtonItem.appearance().setTitleTextAttributes([NSForegroundColorAttributeName : Color.primaryActionColor], for: .normal)

answered Feb 02 '17 at 13:08

Ilker Baltaci

11,644
6
63
79

The problem here is that every UIBarButtonItem is going to have that color. To avoid this, you can do : UIBarButtonItem.appearance(whenContainedInInstancesOf: [UIToolbar.self]).setTitleTextAttributes(...) – Hibbem Jan 25 '18 at 10:51

score 0 · Answer 4 · answered Apr 12 '19 at 12:23

If you have navigation bar button item with custom view you should convert to UIButton first:

navigationItem.rightBarButtonItem?.customView as? UIButton

Then you can add the attributes of UIButton such as:

button.setTitleColor(UIColor.black.withAlphaComponent(0.1), for: .normal)

Setting Bar Button Item color in a custom navigation bar

4 Answers4

Linked

Related