Swift
statusBar 삽질기!
진태우
2018. 7. 10. 20:24
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()
}
}