Change the color of a Tabbar on the iPhone

Question

Our designers want to change the color of the default UITabBar. Of course they do.

They want the background to be green, and the icon highlights to be white, as opposed to the black/blue default color scheme.

Anyone have any experience or suggestions to do this?

score 9 · Accepted Answer · edited May 23 '17 at 12:08

9

You have to subclass the UITabBarController and implement custom drawing.

Check out this SO question. Changing Tint / Background color of UITabBar

edited May 23 '17 at 12:08

Community

1
1

answered May 12 '09 at 16:02

JWD

12,188
3
34
32

2

Wow. I can't believe I missed that one. I SWEAR I searched an read through several but somehow I missed that one. Thanks. – Matt Dawdy May 12 '09 at 16:12

score 8 · Answer 2 · answered Oct 18 '11 at 06:44

8

Since iOS5 is released, you can now use the property tintColor. i.e.:

tabBar.tintColor = [UIColor greenColor];

answered Oct 18 '11 at 06:44

anka

3,817
1
30
36

score 2 · Answer 3 · answered Mar 01 '13 at 09:36

2

I have try this one and its working for me!!!

[self.TabBarController.tabBar setTintColor:[UIColor colorWithRed:0.1294 green:0.5686 blue:0.8353 alpha:1.0]];


[self.TabBarController.tabBar setTintColor:[UIColor "YOUR COLOR"];

Hope it'll help you also!!!

answered Mar 01 '13 at 09:36

Muhammad Rizwan

3,470
1
27
35

score 1 · Answer 4 · answered Oct 05 '11 at 20:09

1

iOS 5.0 fixes this issue but the solution is under NDA. Look up UITabBar in your documentation for an EASY way to do what you want to do.

answered Oct 05 '11 at 20:09

Ethan Allen

14,425
24
101
194

score 0 · Answer 5 · answered Mar 10 '10 at 08:46

0

Theres a useful link here: http://duivesteyn.net/2010/01/16/iphone-custom-tabbar-background-image/

answered Mar 10 '10 at 08:46

oberbaum

2,451
7
36
52

score 0 · Answer 6 · answered May 12 '09 at 16:07

0

Be careful. If your app is going for submission to the app store, Apple may reject it if you're modifying their prescribed color scheme.

answered May 12 '09 at 16:07

Marc W

19,083
4
59
71

2

Great point, but I'm not that worried about it. Epicurious has an app that has a red tabbar with white icons. – Matt Dawdy May 12 '09 at 16:11
3

Apple won't reject for custom tab/nav bars unless they interfere with usability - i.e. hot pink on neon green. – ceejayoz May 12 '09 at 16:40

score -1 · Answer 7 · edited May 23 '17 at 12:19

-1

This can be done with a little private API hacking.

edited May 23 '17 at 12:19

Community

1
1

answered Aug 31 '09 at 09:10

rpetrich

32,196
6
66
89

Change the color of a Tabbar on the iPhone

7 Answers7