iOS WKWebView에서 URL 로딩 시 Progress 페센트를 전달 받아 봅시다.
해당 글에서 코드 부분은 파란색으로 표기 됩니다.
해당 글에서 중요 부분은 붉은색으로 표기 됩니다.
1. "Swift iOS WKWebView : 기본 연동 (코드 부분)" 코드를 작성 한 후 붉은 부분을 추가 합니다.
[MainViewController.swift 파일 안]
// * WKWebView를 사용하기 위해서는 WebKit 모듈을 import 시켜야 합니다.
import WebKit
class MainViewController: UIViewController {
// * WKWebView 객체 선언
private var wkWebView: WKWebView? = nil
override func viewDidLoad() {
super.viewDidLoad()
// * WKWebView 구성
// - 여기서는 self.view 화면 전체를 WKWebView로 구성하였습니다.
self.wkWebView = WKWebView.init(frame: CGRect.init(x: 0, y: 0, width: self.view.frame.size.width, height: self.view.frame.size.height))
// * WKWebView 화면 비율 맞춤 설정
self.wkWebView?.autoresizingMask = UIViewAutoresizing(rawValue: UIViewAutoresizing.RawValue(UInt8(UIViewAutoresizing.flexibleWidth.rawValue) | UInt8(UIViewAutoresizing.flexibleHeight.rawValue)))
// * WKWebView 여백 및 배경 부분 색 투명하게 변경
self.wkWebView?.backgroundColor = UIColor.clear
self.wkWebView?.isOpaque = false
self.wkWebView?.loadHTMLString("<body style=\"background-color: transparent\">", baseURL: nil)
// * WKWebView에 로딩할 URL 전달
// - 캐시 기본 정책 사용, 타임아웃은 10초로 지정하였습니다.
let request: URLRequest = URLRequest.init(url: NSURL.init(string: "<URL 입력>")! as URL, cachePolicy: URLRequest.CachePolicy.useProtocolCachePolicy, timeoutInterval: 10)
self.wkWebView?.load(request)
// * WKWebView 화면에 표시
self.view?.addSubview(self.wkWebView!)
// * WKWebView Progress 퍼센트 가져오기 이벤트
// - addObserver로 estimatedProgress에 대한 이벤트 수신을 설정합니다.
self.wkWebView?.addObserver(self, forKeyPath: #keyPath(WKWebView.estimatedProgress), options: .new, context: nil)
}
// * ViewController 종료 시 호출되는 함수
deinit {
// * WKWebView Progress 퍼센트 가져오기 이벤트 제거
self.wkWebView?.removeObserver(self, forKeyPath: #keyPath(WKWebView.estimatedProgress))
}
// * Observer 값이 변경되는 호출되는 observeValue 함수
override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
// * 0 ~ 1 사이의 실수형으로 결과값이 출력됩니다.
- 0 : 로딩 시작, 1 : 로딩 완료
- 이 함수에서 Progressbar를 구성하면 됩니다.
print("wkWebView.estimatedProgress == \(Float((self.wkWebView?.estimatedProgress)!))")
}
}
'개발' 카테고리의 다른 글
| Swift iOS Cocoapods : SwiftyJSON (0) | 2020.09.23 |
|---|---|
| iOS Cocoapods 사용하기 (0) | 2020.09.23 |
| Swift iOS WKWebView : JavaScript -> Swift 함수 호출하기 Use WKWebViewConfiguration (코드 부분) (0) | 2020.09.22 |
| Swift iOS WKWebView : Swift -> JavaScript 함수 호출하기 (코드 부분) (0) | 2020.09.22 |
| Swift iOS WKWebView : WKUIDelegate 사용설정 (코드 부분) (0) | 2020.09.22 |