iOS/Xcode 14X - 6. WebView 세팅

 

WebKit View

Main.storyboard -> `+`버튼 클릭 -> WebKit View -> 적절히 배치 (Drag & Drop)

 

ViewController에 연결

추가된 WebKit VIew 크기 조정 -> 화면 오른쪽위 가로줄 많은 아이콘 클릭 클릭 -> Assistant

 -> Control (^)키 + Drag & Drop -> 연결될 이름 설정 -> Connect

Connect를 누르면

아래와 같이 myWebView로 Outlet이 추가된다.

 

WebView 설정 코드

import Lottie
import UIKit
import WebKit

class ViewController: UIViewController {
    
    @IBOutlet weak var myWebView: WKWebView!
    
    ...
    
    // 뷰가 생성이되었을 때를 뜻한다!
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        print("############### ViewController")
        
        view.backgroundColor = .black
        view.addSubview(animationView)
        animationView.center = view.center

        // 애니메이션 실행--> closure를 이용하기에 self를 다 붙혀줘야된다
        animationView.play{(finish) in

            print("애니메이션이 끝났다")
            
            ....
            
            if let url = URL(string: "https://www.naver.com") {
                let request = URLRequest(url: url)
                self.myWebView.load(request)
            }
        }
    }
}

 

확인

Splash Screen 정상

Splash Screen

Animation 정상

Animation

WebView 정상

WebView

 

깃허브

https://github.com/dchkang83/ios-webview/releases/tag/2.0

Release 2.0 · dchkang83/ios-webview

https://github.com/dchkang83/ios-webview

GitHub - dchkang83/ios-webview: swift5 & MKWebview & Xcode14X & CocoaPods & etc...

 

참조

https://developer.apple.com/documentation/webkit/wkwebview

Apple Developer Documentation

https://velog.io/@wook4506/iOS-Swift-UILabel%EC%97%90-%EB%8C%80%ED%95%B4-%EC%95%8C%EC%95%84%EB%B3%B4%EC%9E%90

[iOS / Swift] UILabel에 대해 알아보자!