How to make a transparent navigation bar transparent?

Question

I want to make my navigation controller like this. My main opinion should go on to the top.

But when I try to implement it, I get this result:

How can I deal with this problem. I want to implement something like the first image. Can anyone help? Thanks

Answer 1

I use this in my applications to make my navigation bar transparent (if the navigationBar is in the UINavigationController):

self.navigationController?.navigationBar.setBackgroundImage(UIImage(), forBarMetrics: .Default)
self.navigationController?.navigationBar.shadowImage = UIImage()
self.navigationController?.navigationBar.translucent = true

Now you can add buttons and a title to your navigation block.

EDIT: Swift 3 (thanks DrBreakalot)

self.navigationController?.navigationBar.setBackgroundImage(‌​UIImage(), for: .default) 
self.navigationController?.navigationBar.shadowImage = UIImage()
self.navigationController?.navigationBar.isTranslucent = true

Answer 2

, , , . , " " .

, , viewDidLoad()

navigationController?.setNavigationBarHidden(true, animated: true)

Answer 3

Here is the code to help you with this. What you do is a creature UIVisualEffectViewthat blurs the situation a bit, then you set it as a sub navBar.

func addBlurEffect() {
    let bounds = self.navigationController?.navigationBar.bounds as CGRect!
    let visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .Light))
    visualEffectView.frame = bounds
    visualEffectView.autoresizingMask = [.FlexibleWidth, .FlexibleHeight]
    navigationController?.navigationBar.addSubview(visualEffectView)
}

Answer 4

It looks like your Autolayout is set to the top field, not the top. You should also change the status bar like this:AppDelegate

UIApplication.sharedApplication().statusBarStyle = .LightContent