관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - swift] UIActivityIndicatorView, loadingView, 로딩 뷰 본문

iOS 응용 (swift)

[iOS - swift] UIActivityIndicatorView, loadingView, 로딩 뷰

jake-kim 2021. 8. 31. 23:57

UIActivityIndicatorView를 상속받아서 구현

  • 로딩중이면 다른 화면의 UI가 눌려지지 않도록 구현
  • 중앙에 표출

로딩 뷰가 표출되는 상황에서는 버튼을 눌러도 인터렉션이 동작하지 않게 구현

구현

  • 사용 시 매번 객체생성이 필요 없으므로 static으로 사용할 수 있게끔 선언
class LoadingIndicator {
    static func showLoading() {
    	DispatchQueue.main.async {
        	// ...
        }
    }
    
    static func hideLoading() {
        DispatchQueue.main.async {
        	// ...
        }
    }
}

 

  • showLoading 구현
    • 최상단에 있는 window 객체 획득
    • window의 subviews들 중 마지막에 있는 화면이 UIActivityIndicatorView면 그대로 사용하고, 아닐 경우 객체를 새로 생성
    • UIActivityIndicatorView 객체의 frame은 window의 frame과 같게하여 indicator가 중앙에 가고 다른 뷰들의 interaction을 방지
// 최상단에 있는 window 객체 획득
guard let window = UIApplication.shared.windows.last else { return }

let loadingIndicatorView: UIActivityIndicatorView
if let existedView = window.subviews.first(where: { $0 is UIActivityIndicatorView } ) as? UIActivityIndicatorView {
    loadingIndicatorView = existedView
} else {
    loadingIndicatorView = UIActivityIndicatorView(style: .large)
    /// 다른 UI가 눌리지 않도록 indicatorView의 크기를 full로 할당
    loadingIndicatorView.frame = window.frame
    loadingIndicatorView.color = .brown
    window.addSubview(loadingIndicatorView)
}

loadingIndicatorView.startAnimating()
  • hideLoading 구현
    • window객체 중 마지막 window의 subview.last가 UIActivityIndicatorView 객체인 겨우 removeFromSuperview()를 통해서 view 삭제
static func hideLoading() {
    DispatchQueue.main.async {
        guard let window = UIApplication.shared.windows.last else { return }
        window.subviews.filter({ $0 is UIActivityIndicatorView }).forEach { $0.removeFromSuperview() }
    }
}
  • 전체 코드
class LoadingIndicator {
    static func showLoading() {
        DispatchQueue.main.async {
            // 최상단에 있는 window 객체 획득
            guard let window = UIApplication.shared.windows.last else { return }

            let loadingIndicatorView: UIActivityIndicatorView
            if let existedView = window.subviews.first(where: { $0 is UIActivityIndicatorView } ) as? UIActivityIndicatorView {
                loadingIndicatorView = existedView
            } else {
                loadingIndicatorView = UIActivityIndicatorView(style: .large)
                /// 다른 UI가 눌리지 않도록 indicatorView의 크기를 full로 할당
                loadingIndicatorView.frame = window.frame
                loadingIndicatorView.color = .brown
                window.addSubview(loadingIndicatorView)
            }

            loadingIndicatorView.startAnimating()
        }
    }

    static func hideLoading() {
        DispatchQueue.main.async {
            guard let window = UIApplication.shared.windows.last else { return }
            window.subviews.filter({ $0 is UIActivityIndicatorView }).forEach { $0.removeFromSuperview() }
        }
    }
}

사용

class ViewController: UIViewController {
    @IBAction func didTapLoadingButton(_ sender: Any) {
        LoadingIndicator.showLoading()
        DispatchQueue.main.asyncAfter(deadline: .now() + 5) {
            LoadingIndicator.hideLoading()
        }
    }
}
Comments