How to change navigation bar color in iOS 7 or 6

Question

I want to change the color of the navigation bar color  but I m not sure whether or not I should change the tint or the background  I know iOS 7 is going for a more flat design  even recommending removing gradients   but I am having trouble deciphering the two  Even if I set a background color  it doesn t do anything   In this image  the background is set to green  but the bar is still blue

User · Answer

If you want to change a color of a navigation bar, use barTintColor property of it. In addition, if you set any color to tintColor of it, that affects to the navigation bar's item like a button.

FYI, you want to keep iOS 6 style bar, make a background image looks like previous style and set it.

For more detail, you can get more information from the following link:

https://developer.apple.com/library/ios/documentation/userexperience/conceptual/TransitionGuide/AppearanceCustomization.html

User · Answer

You can check iOS Version and simply set the tint color of Navigation bar   if  SYSTEM VERSION LESS THAN   7 0          self navigationController navigationBar tintColor    UIColor colorWithRed 0 9529 green 0 4392 blue 0 3333 alpha 1 0    else       self navigationController navigationBar barTintColor    UIColor colorWithRed 0 9529 green 0 4392 blue 0 3333 alpha 1 0       self navigationItem leftBarButtonItem tintColor    UIColor whiteColor         UIApplication sharedApplication  setStatusBarStyle UIStatusBarStyleLightContent

User · Answer

Here is how to set it correctly for both iOS 6 and 7      void fixNavBarColor  UINavigationBar  bar       if  iosVersion  gt   7            bar barTintColor    UIColor redColor           bar translucent   NO       else           bar tintColor    UIColor redColor           bar opaque   YES

User · Answer

Try the code below in the -  void viewDidLoad of your ViewController m     self navigationController  navigationBar  setTintColor  UIColor yellowColor     this did work for me in iOS 6   Try it

User · Answer

The background color property is ignored on a UINavigationBar  so if you want to adjust the look and feel you either have to use the tintColor or call some of the other methods listed under  Customizing the Bar Appearance  of the UINavigationBar class reference  like setBackgroundImage forBarMetrics     Be aware that the tintColor property works differently in iOS 7  so if you want a consistent look between iOS 7 and prior version using a background image might be your best bet   It s also worth mentioning that you can t configure the background image in the Storyboard  you ll have to create an IBOutlet to your UINavigationBar and change it in viewDidLoad or some other appropriate place

User · Answer

In iOS7  if your navigation controller is contained in tab bar  splitview or some other container  then for globally changing navigationbar appearance use following method       UINavigationBar appearanceWhenContainedIn  UITabBarController class  nil  setBarTintColor  UIColor blueColor

User · Answer

you can add bellow code in appdelegate m  if your app is navigation based         for background color     nav navigationBar setBarTintColor  UIColor blueColor            for change navigation title and button color       UINavigationBar appearance  setTitleTextAttributes  NSDictionary dictionaryWithObjectsAndKeys  UIColor whiteColor       NSForegroundColorAttributeName                      UIFont fontWithName   FontNAme  size 20       NSFontAttributeName  nil          UINavigationBar appearance  setTintColor  UIColor whiteColor

User · Answer

The behavior of tintColor for bars has changed on iOS 7 0  It no longer affects the bar s background and behaves as described for the tintColor property added to UIView  To tint the bar s background  please use -barTintColor   navController navigationBar barTintColor    UIColor navigationColor

User · Answer

In ios 7  -    self navigationController navigationBar setBarTintColor  UIColor yellowColor         In ios 6  -    self navigationController navigationBar setTintColor  UIColor yellowColor

User · Answer

I m not sure about changing the tint vs the background color but this is how you change the tint color of the Navigation Bar   Try this code     navigationController navigationBar setTintColor  UIColor redColor      Red as an example

User · Answer

If you want to have a solid color for your navigation bar in iOS 6 similar to iOS 7 use this     UINavigationBar appearance  setBackgroundImage   UIImage alloc  init  forBarMetrics UIBarMetricsDefault     UINavigationBar appearance  setBackgroundColor  UIColor greenColor        in iOS 7 use the barTintColor like this   navigationController navigationBar barTintColor    UIColor greenColor     or     UINavigationBar appearance  setBarTintColor  UIColor greenColor

User · Answer

Based on posted answered  this worked for me      check for iOS 6 or 7    if    self navigationController  navigationBar respondsToSelector  selector setBarTintColor             self navigationController  navigationBar setBarTintColor  UIColor whiteColor       else          Set background and foreground          self navigationController  navigationBar setTintColor  UIColor whiteColor         self navigationController  navigationBar titleTextAttributes     NSDictionary alloc  initWithObjectsAndKeys  UIColor blackColor  UITextAttributeTextColor nil

User · Answer

The complete code with version checking    if  NSFoundationVersionNumber  gt  NSFoundationVersionNumber iOS 6 1            do stuff for iOS 7 and newer      self navigationController navigationBar setBarTintColor  UIColor yellowColor      else           do stuff for older versions than iOS 7      self navigationController navigationBar setTintColor  UIColor yellowColor

User · Answer

Insert the below code in didFinishLaunchingWithOptions   in AppDelegate m    UINavigationBar appearance  setBarTintColor  UIColor     colorWithRed 26 0 255 0 green 184 0 255 0 blue 110 0 255 0 alpha 1 0

User · Answer

I m using following code  in C   to change the color of the NavigationBar   NavigationController NavigationBar SetBackgroundImage  new UIImage     UIBarMetrics Default   NavigationController NavigationBar SetBackgroundImage  new UIImage     UIBarMetrics LandscapePhone   NavigationController NavigationBar BackgroundColor   UIColor Green    The trick is that you need to get rid of the default background image and then the color will appear

User · Answer

One more thing  if you want to change the navigation bg color in UIPopover you need to set barStyle to UIBarStyleBlack  if  UINavigationBar instancesRespondToSelector  selector barTintColor       iOS7     navigationController navigationBar barStyle   UIBarStyleBlack      navigationController navigationBar barTintColor    UIColor redColor

[ios] How to change navigation bar color in iOS 7 or 6?

Examples related to ios

Examples related to ios6

Examples related to interface-builder

Examples related to ios7