statusBar 삽질기!

viewController에서 스크롤 할 때, 특정 위치에서 statusBar의 스타일과 backgroundColor를 변경하고 싶었다.

아래 코드와 같이 처음 로딩할 때는 쉽게 변경 가능했다.

override func viewDidLoad() {
    super.viewDidLoad()
    UIApplication.shared.statusBarView?.backgroundColor = UIColor.clear
}

// statusBar content style 변경
override var preferredStatusBarStyle: UIStatusBarStyle {
    return .lightContent
}

그 후 스크롤 시 특정 위치에 도달하면 다시 statusBar 스타일을 변경하고 싶었다.

구글형님에게 물어본 결과, 가장 많이 나온 방법이 아래 방법이였다.

// info.plist에서 'UIViewControllerBasedStatusBarAppearance' 항목을 false로 변경(필수) -> 기본 statusBar를 사용하지 않겠다는 의미!
// 원하는 위치에서 backgorundColor와 tintColor 변경!
UIApplication.shared.statusBarView?.backgroundColor = .white
UIApplication.shared.statusBarView?.tintColor = .black

스크롤하는 부분과 함께 코드를 작성해보면 아래와 같다.

// info.plist에서 'UIViewControllerBasedStatusBarAppearance' 항목을 false로 변경(필수)
func scrollViewDidScroll(_ scrollView: UIScrollView) {
    let location: CGFloat = ?        // 원하는 특정 위치
    
    if scrollView.contentOffset.y > location {
        UIApplication.shared.statusBarView?.backgroundColor = .white
        UIApplication.shared.statusBarView?.tintColor = .black
    } else {
        UIApplication.shared.statusBarView?.backgroundColor = .clear
        UIApplication.shared.statusBarView?.tintColor = .white
    }
}

해당 위치에서 잘 바뀌게 되었다!!

하지만 statusBarStyle을 동적으로 변경해야하는 부분은 해당 페이지 뿐이였다.... 기본 statusBar를 사용하지 않기 때문에 다른 페이지들도 모두 수동으로 설정해줘야했다...

그래서 더 간단한 방법을 찾았다. 

setNeedsStatusBarAppearanceUpdate() 메서드를 사용하면 viewController에 statusBar의 상태가 변경됬다고 시스템에 알린다.

그럼 다시 preferredStatusBarStyle() 메서드가 호출되서 원하는 스타일을 지정해주면 된다.

아래 코드는 완성된 코드이다.

var statusBarStyle: UIStatusBarStyle = .default
override var preferredStatusBarStyle: UIStatusBarStyle {
    if statusBarStyle == .default {
        UIApplication.shared.statusBarView?.backgroundColor = UIColor.white
    } else {
        UIApplication.shared.statusBarView?.backgroundColor = UIColor.clear
    }
        
    return self.statusBarStyle
}
   
func scrollViewDidScroll(_ scrollView: UIScrollView) {
    let style = self.statusBarStyle
    let location: CGFloat = 182
        
    if scrollView.contentOffset.y > location {
        self.statusBarStyle = .default
    } else {
        self.statusBarStyle = .lightContent
    }
        
    if style != statusBarStyle {
        self.setNeedsStatusBarAppearanceUpdate()
    }
}

참고 - statusBar 기본 스타일에 대한 애플 공식 문서!!