iOS7 - Change UINavigationBar border color

colors border uinavigationbar ios7 xcode5
MappleDev picture MappleDev · Sep 30, 2013 · Viewed 38.8k times · Source

Is it possible to change the grey border-bottom color of the UINavigationBar in iOS7?

I already tried to remove to border, but this is not working:

[[UINavigationBar appearance] setShadowImage:[[UIImage alloc] init]];

Thanks!

Answer

Tarek Hallak picture Tarek Hallak · Sep 30, 2013

You are removing the shadow but not the border, you need to do the following:

[[UINavigationBar appearance] setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault];
[[UINavigationBar appearance] setShadowImage:[[UIImage alloc] init]];

To change the border use an image of 2 pixels width line:

[[UINavigationBar appearance] setShadowImage:[UIImage imageNamed:@"2pxWidthLineImage"]];

Related questions

UITextField border color

I have really great wish to set my own color to UITextField border. But so far I could find out how to change the border line style only. I've used background property to set background color in such way: self.…

Read More
Set a thin border using .css() in javascript

So I am trying to get a border around buttons on my page when the user clicks them. To set up the handler I am going: $(".reportButtons").click(function(){ //change border color }); I have tried 2 ways to change the border …

Read More
How to change the border color(un-focused) of an EditText?

I changed the background color of the EditText to transperant. Now the EditText looks invisible when not focused. So how can I change the un-focused border color of EditText? What is the XML attribute for this?

Read More