UIBlurEffect on StatusBar only (not on UINavigationBar)

Question

Similar to this: How to make a Navigation Bar and Status Bar blurred (UIBlurEffect)? iOS, Swift 3

but we'd like to apply the UIBlurEffect on the StatusBar only, not the navigationbar. Is this possible?

Refer link => https://stackoverflow.com/questions/27308842/real-time-blur-effect-for-navigation-bar/27316465 — Jay, Jul 06 '17 at 11:44
http://probably.ninja/implementing-a-super-simple-blurred-status-bar-on-ios-8/ — Vignesh Davins, Jul 06 '17 at 11:45

score 3 · Accepted Answer · answered Jul 06 '17 at 11:54

3

You can get your statusBar view by following code, then try add to visual effect like here

     let statWindow = UIApplication.shared.value(forKey:"statusBarWindow") as! UIView
        let statusBar = statWindow.subviews[0] as UIView
//        statusBar.backgroundColor = UIColor(red: 23 / 255.0, green: 0 / 255.0, blue: 154 / 255.0, alpha: 0.7)
        statusBar.backgroundColor = UIColor(red: 213 / 255.0, green: 0 / 255.0, blue: 0 / 255.0, alpha: 0.7)

answered Jul 06 '17 at 11:54

karthikeyan

3,821
3
22
45

It was easy to add the UIBlurEffect to this, thank you. – Gaurav Sharma Jul 06 '17 at 12:14
Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'App called -statusBar or -statusBarWindow on UIApplication: this code must be changed as there's no longer a status bar or status bar window. Use the statusBarManager object on the window scene instead. – Sentry.co Dec 11 '21 at 14:06
@Sentry.co pls check for updated code – karthikeyan Dec 24 '21 at 14:02

score 1 · Answer 2 · answered Jul 07 '17 at 05:59

let statWindow = UIApplication.shared.value(forKey:"statusBarWindow") as! UIView
    let statusBar = statWindow.subviews[0] as UIView
    statusBar.backgroundColor = UIColor.clear
    let blur = UIBlurEffect(style:.dark)
    let visualeffect = UIVisualEffectView(effect: blur)
    visualeffect.frame = statusBar.frame
    //statusBar.addSubview(visualeffect)
    visualeffect.alpha = 0.5
    self.view.addSubview(visualeffect)

try this

score 0 · Answer 3 · answered Mar 23 '21 at 10:12

iOS 14/iOS 13 solution: You can get your statusBar blur effect, by following code in your viewDidLoad:

override func viewDidLoad() {
    super.viewDidLoad()

let blurryEffect = UIBlurEffect(style: .regular)
    let blurredStatusBar = UIVisualEffectView(effect: blurryEffect)
    blurredStatusBar.translatesAutoresizingMaskIntoConstraints = false
    view.addSubview(blurredStatusBar)
    blurredStatusBar.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
    blurredStatusBar.widthAnchor.constraint(equalTo: view.widthAnchor).isActive = true
    blurredStatusBar.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
    blurredStatusBar.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor).isActive = true }

Sample Image

UIBlurEffect on StatusBar only (not on UINavigationBar)

3 Answers3