2017-10-18 22 views
4

私はSwift 3.0の新人です。私はいくつかの助けが必要です...フレームの代わりにWKWebView全画面?

私はウェブサイトを表示する必要がありますフレームを作成しようとしています。ウェブサイトは全体のビューではなく、フレームだけを満たすはずです。私はアプリを起動するたびに、ウェブサイトがちょうどフレーム画面全体を埋めないが... :(

は、これは私のコードです:

import UIKit 
import WebKit 

class ViewController: UIViewController, WKUIDelegate { 


    @IBOutlet weak var webView: WKWebView! 

    override func loadView() { 
     let webConfiguration = WKWebViewConfiguration() 
     webView = WKWebView(frame: .zero, configuration: webConfiguration) 
     webView.uiDelegate = self 
     view = webView 
    } 

    override func viewDidLoad() { 
     super.viewDidLoad() 
     let myURL = URL(string: "https://www.google.com/") 
     let myRequest = URLRequest(url: myURL!) 
     webView.load(myRequest) 
    } 
} 

私が欲しいもの:

image

私は何を得る

image

答えて

1

等しい埋め込みでWebviewの制約(アンカー)を追加します。

は、ストーリーボードのレイアウトでこれを試してみてください:

enter image description here

またはプログラム的にこれを試してみてください:

は、ファイルからloadView()コード削除

import UIKit 
import WebKit 

class WebKitController: UIViewController { 

    @IBOutlet weak var webView: WKWebView! 

    override func viewDidLoad() { 
     super.viewDidLoad() 
     let myURL = URL(string: "https://www.google.com/") 
     let myRequest = URLRequest(url: myURL!) 
     setupWKWebViewConstraints() 
     webView.load(myRequest) 
    } 

    // add constraints to your web view 
    func setupWKWebViewConstraints() { 

     let paddingConstant:CGFloat = 30.0 

     webView.translatesAutoresizingMaskIntoConstraints = false 

     webView.topAnchor.constraint(equalTo: self.view.topAnchor, constant: paddingConstant).isActive = true 
     webView.bottomAnchor.constraint(equalTo: self.view.bottomAnchor, constant: -paddingConstant).isActive = true 
     webView.leadingAnchor.constraint(equalTo: self.view.leadingAnchor, constant: paddingConstant).isActive = true 
     webView.trailingAnchor.constraint(equalTo: self.view.trailingAnchor, constant: -paddingConstant).isActive = true 
    } 

} 
+0

を今それだけで黒い画面の... :/ –

+0

https://imgur.com/a/Qh1uyここではスクリーンショット –

+0

何らかのエラーが発生しているはずです私のプロジェクト。別のプロジェクトで同じコードを試してみると、それはうまくいくはずです...しかし、助けてくれてありがとう、私はとても感謝しています:) –

関連する問題