导航栏的实时模糊效果-状态栏无法进入

Question

遵循此问题以在导航栏中获得实时模糊效果：

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

但是状态栏仍然是半透明的：

如何解决？

---

调试：

    print(self.navigationController?.navigationBar.bounds)
    // Returns (0.0, 0.0, 320.0, 44.0)

    print(UIApplication.sharedApplication().statusBarFrame)
    // Returns (0.0, 0.0, 320.0, 20.0)

Answer 1

部分原因是您将视觉效果视图的框架设置为导航栏的边界。 在屏幕快照中看到的是导航栏的边界。 因此，您可能可以通过为视觉效果视图提供不同的帧来进行补偿，例如，将其原点向上移动20个点并增加其高度。

不过，对于我来说还不太清楚，为什么您不只是使导航栏变得半透明。 导航栏的半透明性是模糊效果，并且受支持。 您正在执行的操作（向导航栏添加子视图）不是。

Answer 2

设法使其正常运行，添加以下内容：

bounds.offsetInPlace(dx: 0.0, dy: -20.0)
bounds.size.height = bounds.height + 20.0

Answer 3

对于这个问题，我修改了Kampai的早期答案，该答案已在此处发布。

下面的代码将模糊状态栏和导航栏。

斯威夫特4：

func navigationBarBlur() {
    let bounds = CGRect(x: 0.0, y: -20.0, width: UserDefaults.screenWidth, height: (self.navigationController?.navigationBar.bounds.size.height)! + 20.0)
    let visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .dark))
    self.visualEffectView = visualEffectView
    visualEffectView.frame = bounds
    visualEffectView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
    self.navigationController?.navigationBar.addSubview(visualEffectView)
}