CODEWITHSUNDEEP
iosiphoneswiftuinavigationitem
Ega Setya Putra
Ega Setya Putra

Reputation: 1695

How to change background color of UINavigationItem?

I have a UINavigationItem, but I can't found anything beside tittle, prompt, and back button in attribute inspector

enter image description here

I wonder how can I change my UINavigationItem background color using code? or programmatically?

Upvotes: 16

Views: 16404

Answers (4)

Ortensia C.
Ortensia C.

Reputation: 4716

For Swift 4

  self.navigationController?.navigationBar.isTranslucent = false;
  self.navigationController?.navigationBar.backgroundColor = .white

Upvotes: 1

Ashok Londhe
Ashok Londhe

Reputation: 1491

You can change it through code...

For Objective-C:

    self.navigationController.navigationBar.barTintColor = [UIColor redColor];

Write Above line in viewDidLoad method.

For Swift: 

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

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

OR

    self.navigationController!.navigationBar .setBackgroundImage(UIImage .new(), forBarMetrics: UIBarMetrics.Default)
    self.navigationController!.navigationBar.shadowImage = UIImage .new();
    self.navigationController!.navigationBar.translucent = true;
    self.navigationController!.navigationBar.backgroundColor = UIColor.redColor();

You can change color on your own choice.

To change the bar Text... 

navigationController.navigationBar.titleTextAttributes = [UITextAttributeTextColor: UIColor.blueColor()]

See the Link.... Here

enter image description here

See the above image... you like output like this screen right...!!!

Upvotes: 24

juan carlos merlos albarracin
juan carlos merlos albarracin

Reputation: 11

One possible solution is to embed the View Controller it is containing the Navigation Item in a Navigation Controller and access to properties color of Navigation Bar:

// Color title 'navigationItem'
UINavigationBar.appearance().titleTextAttributes = [NSForegroundColorAttributeName: UIColor.whiteColor()]

// Background 'navigationBar'
UINavigationBar.appearance().barTintColor = UIColor.blackColor()

// Color title 'navigationBar'
let color = UIColor.orangeColor()
self.navigationController?.navigationBar.topItem?.backBarButtonItem?.setTitleTextAttributes(
    [NSForegroundColorAttributeName: color], forState: .Normal)

Upvotes: 1

Nicolò Ciraci
Nicolò Ciraci

Reputation: 678

You shouldn't use the background property of UINavigationBar, but instead you should use barTintColor like this:

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

As written in the official documentation to change the bar background you have to access to the barTintColor property:

The tint color to apply to the navigation bar background.

If you want to edit the style of the navigation bar such as button color you should access to the barTint property. If you want to edit the style of an navigationItem such as back button you should edit the button property, not the UINavigationItem's.

Upvotes: 2

Related Questions