Set background color for UINavigationBar

Question

I want to develop UINavigationBar and also set background color for that. I have created the UINavigationBar but I have problem with setting backgroundcolor. anyone please help me. Thanks.

score 14 · Accepted Answer · edited Apr 08 '14 at 07:57

14

[self.navigationController.navigationBar setBackgroundColor:[UIColor redColor]];

Try like this. I think it will be helpful to you.

Edit: updated the code to actually compile.

edited Apr 08 '14 at 07:57

Johan Karlsson

1,136
1
14
37

answered Jun 20 '12 at 07:22

Prasad G

6,702
7
42
65

1

don't know why but Xcode doesn't popup `barTintColor` when I type it – fnc12 May 26 '16 at 06:28

score 14 · Answer 2 · answered Apr 23 '14 at 14:19

14

In the new iOs this it how it works:

self.navigationController.navigationBar.barStyle  = UIBarStyleBlackOpaque;
self.navigationController.navigationBar.barTintColor =[UIColor colorAzulNavegacion];

answered Apr 23 '14 at 14:19

Erusso87

667
1
7
19

UIBarStyleBlackOpaque is deprecated in iOS 9 – user1366265 Aug 25 '16 at 04:00

score 11 · Answer 3 · answered Aug 03 '15 at 07:23

I have to look this up every time so adding my answer here (Swift). The code below is setting this for all navigation bars in the app. You could set each of these on individual navigation bars too if you wanted to.

You can set the translucency, title text color, background color (this is called barTintColor, thanks, Apple!), and bar button item foreground color, like so:

    // Title text color Black => Text appears in white
    UINavigationBar.appearance().barStyle = UIBarStyle.Black

    // Translucency; false == opaque
    UINavigationBar.appearance().translucent = false

    // BACKGROUND color of nav bar
    UINavigationBar.appearance().barTintColor = UIColor.redColor()

    // Foreground color of bar button item text, e.g. "< Back", "Done", and so on.
    UINavigationBar.appearance().tintColor = UIColor.whiteColor()

This should be selected as the best answer – duan Nov 30 '16 at 05:27 — duan, Nov 30 '16 at 05:27

score 2 · Answer 4 · answered Jun 20 '12 at 07:18

You could use the tint property of the UINavigationBarto change it's color. Check this article about it. There is also UIAppearance, that allows you to change the background of every UINavigationBar of your application, which is quite powerfull in my opinion. You can check this.

score 2 · Answer 5 · answered Jun 20 '12 at 07:19

2

You can set the tint color by using navbar.tintColor = [UIColor redColor];

See the reference here: apple docs

answered Jun 20 '12 at 07:19

erran

1,300
2
15
36

score 2 · Answer 6 · edited Jul 15 '12 at 12:56

2

Try this:

navigationBar.tintColor = [UIColor blackColor];

edited Jul 15 '12 at 12:56

ndeverge

21,378
4
56
85

answered Jun 20 '12 at 07:20

san

3,350
1
28
40

score 2 · Answer 7 · answered Oct 28 '14 at 06:16

2

self.navigationController?.navigationBar.translucent = false

self.navigationController?.navigationBar.barTintColor = UIColor.redColor()

self.navigationController?.navigationBar.barStyle = UIBarStyle.BlackTranslucent

answered Oct 28 '14 at 06:16

tounaobun

14,570
9
53
75

Basically correct, except BlackTranslucent is deprecated. – n13 Aug 03 '15 at 07:26

score 1 · Answer 8 · answered Jun 20 '12 at 07:21

You can customize a UINavigationBar with the following propertys:

@property(nonatomic, assign) UIBarStyle barStyle
@property(nonatomic, retain) UIColor *tintColor
setBackgroundImage:forBarMetrics:
@property(nonatomic, copy) UIColor *backgroundColor

For more methods and propertys please check the class reference of UINavigationBar and UIView

score 0 · Answer 9 · answered Nov 07 '12 at 13:26

0

self.navigationController.navigationBar.tintColor = [UIColor blackColor];

answered Nov 07 '12 at 13:26

Jimi

1,091
1
14
19

Down voted because incorrect. tintColor is the color that will be used for bar button items foreground color, e.g. the "back" text, the "<" back caret, and any other button text... you want to use barTintColor to set the bg color of the bar. – n13 Aug 03 '15 at 07:29

score 0 · Answer 10 · answered Apr 02 '22 at 03:57

Here it is in the context of doing something useful. In this case programmatically creating/configuring a Navigation Bar item and item and setting the background to black and the title to light gray.

Swift 5, iOS 15

@objc func addButtonPushed() {
    print("Add button!")
}

override func viewWillAppear(_ animated: Bool) {
    
    super.viewWillAppear(animated)

    let rightButton = UIBarButtonItem(image: UIImage(systemName: "plus"), style: .plain,
                                      target:self, action: #selector(addButtonPushed))

    let standaloneItem     = UINavigationItem()
    standaloneItem.title   = "Herding Cats"
    standaloneItem.rightBarButtonItem  = rightButton
    navBar.items           = [standaloneItem]
    navBar.delegate        = self
    navBar.barStyle        = UIBarStyle.default
    navBar.isTranslucent   = true
    navBar.barTintColor    = .black
    navBar.titleTextAttributes = [.foregroundColor: UIColor.lightGray]
    
    . 
    .
    .

}

Set background color for UINavigationBar

10 Answers10

Linked