Blur UINavigatonBar with custom color in iOS 7

Question

I am looking for a solution on how to make NavBar in an iOS application, as in the screenshot below:

You can see that the contents in the NavBar are blurry and the NavBar is colored.

When I try to add NavBar to my project without changing color, everything is fine:

But after I set the custom color of my NavBar, the blurry content below it becomes almost invisible:

If you change the alpha color of the bar, then the contents will become visible, but with a gray tint:

How can I get the same result as in screenshot 1?

Answer 1

Just install barStyleon UIBarStyleBlack.

Answer 2

,

    self.navigationController.navigationBar.barTintColor = [UIColor colorWithRed:1.000 green:0.000 blue:0.502 alpha:1.000];

, ( .. , ..)

, .

Answer 3

You can use a custom image that has the effect you're looking for. Then you can use custom buttons to replicate navigation. Make sure you delete the check on “Displays the navigation bar” in “Bar visibility” for your navigation controller.