UIToolbar incorrect colour in iOS7

ios uistoryboard ios7 uitoolbar
Kyle Bachan picture Kyle Bachan · Sep 20, 2013 · Viewed 8.8k times · Source

When I set the bottom UIToolbar to black on the view controller, it appears as a more greyish colour (the same thing happens with other colours--it sort of fades them out). What I assume is happening is that in iOS7 the toolbar seems to adapt the colour of what is beneath it (currently white) which makes for the duller colour.

I've updated the view controller so that the "extended edges" options are turned off but still get this effect. Has anyone else had this issue yet?

UPDATE: I resolved the issue by setting the background colour of the UIToolbar to black (something I haven't had to do in previous versions of iOS). If anyone can think of a better solution, let me know.

Answer

Tim Bodeit picture Tim Bodeit · Sep 20, 2013

All tool- and navigation bars in iOS 7 have a translucent property.

This causes the effect, where the background shines through in blurred form (just like the control center).

Just set YourToolbar.translucent = NO;.

Related questions

Status Bar Text Color iOS 7

I am unable to change the text colour in the status bar in iOS 7 SDK. Currently its black and i want it to be white for all my view controllers in a storyboard. I have seen few questions on StackOverflow …

Read More
iOS 7: Misplaced View Frame for "Label - Label" will be different at run time

I just finished an app on iOS 6 and bought a developer account a week ago so haven't had much time playing with the iOS 7 SDK. Just downloaded the Golden Master version and trying to upgrade my app to be compatible …

Read More
iOS 7 UIDatePicker height inconsistency?

I'm running into something weird when using UIDatePicker elements with Storyboards in iOS 7. In the Storyboard, the date picker has a fixed height of 162. In reality, however, the element takes up more space than that. So this turns into this: …

Read More