web-dev-qa-db-ja.com

サブビューとして追加されたWKWebViewは、回転時にサイズ変更されませんSwift

ブラウザアプリに新しい読み取りビューを追加する作業を行っています。これは別のビューコントローラであり、ビューを閉じるためのボタン（およびジェスチャ）を備えたサブビューとして追加されたWKWebViewのみが含まれています。すべてがうまく機能しますが、デバイスを回転させてもサブビューのサイズが変更されないため、画面の半分が空になります。

読み取りビューのWKWebViewは、ユーザーがメインビューコントローラーのボタンをタップした後に実行されるセグエを使用して、メインビューコントローラーのURLを取得し、そのURLはwebpageURLとして保存されます。

これが私が使用したコードです：

import UIKit
import WebKit

class ReadingViewController: UIViewController, UIGestureRecognizerDelegate, WKNavigationDelegate, WKScriptMessageHandler {

@IBOutlet weak var _closeButton: UIButton!
@IBOutlet weak var _progressView: UIProgressView!
@IBOutlet weak var _loadingErrorView: UIView!

var webpageURL: NSURL?

var _webView: WKWebView?
var _isMainFrameNavigationAction: Bool?
var _loadingTimer: NSTimer?

var _swipeFromTopRecognizer: UIScreenEdgePanGestureRecognizer?
var _panFromRightRecognizer: UIScreenEdgePanGestureRecognizer?
var _panFromLeftRecognizer: UIScreenEdgePanGestureRecognizer?
var _errorView: UIView?
var _isCurrentPageLoaded = false

var _progressTimer: NSTimer?
var _isWebViewLoading = false


override func viewDidLoad() {
    super.viewDidLoad()

    var contentController = WKUserContentController();
    var scaleToFit = WKUserScript(source: "var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);", injectionTime: WKUserScriptInjectionTime.AtDocumentStart, forMainFrameOnly: true)
    contentController.addUserScript(scaleToFit)
    contentController.addScriptMessageHandler(self, name: "callbackHandler")

    var webViewConfiguration: WKWebViewConfiguration = WKWebViewConfiguration()
    webViewConfiguration.allowsInlineMediaPlayback = true
    webViewConfiguration.mediaPlaybackRequiresUserAction = false

    _webView = WKWebView(frame: self.view.frame, configuration: webViewConfiguration)

    self.view.addSubview(_webView!)
    _webView!.navigationDelegate = self
    self.view.sendSubviewToBack(_webView!)
    _webView!.allowsBackForwardNavigationGestures = true

    _loadingErrorView.hidden = true

    _swipeFromTopRecognizer = UIScreenEdgePanGestureRecognizer(target: self, action: Selector("handleSwipeFromTop:"))
    _swipeFromTopRecognizer!.edges = UIRectEdge.Top
    _swipeFromTopRecognizer!.delegate = self
    self.view.addGestureRecognizer(_swipeFromTopRecognizer!)

    _progressView.hidden = true

    var urlAsString = "\(webpageURL!)"
    loadURL(urlAsString)
}

override func didReceiveMemoryWarning() {
    super.didReceiveMemoryWarning()
    // Dispose of any resources that can be recreated.
}

// UI Control Functions

func gestureRecognizer(gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWithGestureRecognizer otherGestureRecognizer: UIGestureRecognizer) -> Bool {
    return true
}

@IBAction func closeReadingView(sender: AnyObject) {
    self.dismissViewControllerAnimated(true, completion: nil)
}

func closeButtonEnabled(bool:Bool) {
    _closeButton.enabled = bool
}

func userContentController(userContentController: WKUserContentController, didReceiveScriptMessage message: WKScriptMessage) {
    if(message.name == "callbackHandler") {
        println("JavaScript is sending a message \(message.body)")
    }
}


// WebView Functions

func webView(webView: WKWebView, didStartProvisionalNavigation navigation: WKNavigation!) {
    _loadingErrorView.hidden = true
    _isWebViewLoading = true
    _progressView.hidden = false
    _progressView.progress = 0
    _progressTimer = NSTimer.scheduledTimerWithTimeInterval(0.01667, target: self, selector: "progressTimerCallback", userInfo: nil, repeats: true)
    _loadingTimer = NSTimer.scheduledTimerWithTimeInterval(30, target: self, selector: "loadingTimeoutCallback", userInfo: nil, repeats: false)
}

func loadingTimeoutCallback() {
    _webView?.stopLoading()
    handleWebViewError()
}

func webView(webView: WKWebView, didCommitNavigation navigation: WKNavigation!) {
    _isCurrentPageLoaded = true
    _loadingTimer!.invalidate()
    _isWebViewLoading = false

    if self._webView!.URL == webpageURL! {
        handleWebViewError()
        println(webpageURL!)
        println(self._webView!.URL!)
    } else {
        println("Page was loaded successfully")
        println(webpageURL!)
        println(self._webView!.URL!)
    }
}

func webView(webView: WKWebView, didFinishNavigation navigation: WKNavigation!) {
    _isCurrentPageLoaded = true
    _loadingTimer!.invalidate()
    _isWebViewLoading = false
}

func webView(webView: WKWebView, didFailProvisionalNavigation navigation: WKNavigation!, withError error: NSError) {
    if let newFrameLoading = _isMainFrameNavigationAction {
        } else {
        handleWebViewError()
    }
}

func webView(webView: WKWebView, didFailNavigation navigation: WKNavigation!, withError error: NSError) {
    if let newFrameLoading = _isMainFrameNavigationAction {
        } else {
        handleWebViewError()
    }
}

func webView(webView: WKWebView, decidePolicyForNavigationAction navigationAction: WKNavigationAction, decisionHandler: (WKNavigationActionPolicy) -> Void) {
    if (navigationAction.targetFrame == nil && navigationAction.navigationType == .LinkActivated) {
        _webView!.loadRequest(navigationAction.request)
    }
    _isMainFrameNavigationAction = navigationAction.targetFrame?.mainFrame
    decisionHandler(.Allow)
}

func handleWebViewError() {
    _loadingTimer!.invalidate()
    _isCurrentPageLoaded = false
    _isWebViewLoading = false
    displayLoadingErrorMessage()
}

func progressTimerCallback() {
    if (!_isWebViewLoading) {
        if (_progressView.progress >= 1) {
            _progressView.hidden = true
            _progressTimer?.invalidate()
        } else {
            _progressView.progress += 0.2
        }
    } else {
        _progressView.progress += 0.003
        if (_progressView.progress >= 0.95) {
            _progressView.progress = 0.95
        }
    }
}

func loadURL(urlString: String) {
    let addrStr = httpifyString(urlString)
    let readingAddr = addrStr.stringByAddingPercentEncodingForFormUrlencoded()!
    let addr = NSURL(string: "http://mobilizer.instapaper.com/m?u=\(readingAddr)")
    if let webAddr = addr {
        let req = NSURLRequest(URL: webAddr)
        _webView!.loadRequest(req)
    } else {
        displayLoadingErrorMessage()
    }

}

func httpifyString(str: String) -> String {
    let lcStr:String = (str as NSString).lowercaseString
    if (count(lcStr) >= 7) {
        if (lcStr.rangeOfString("http://") != nil) {
            return str
        } else if (lcStr.rangeOfString("https://") != nil) {
            return str
        }
    }
    return "http://"+str
}


func displayLoadingErrorMessage() {
    _loadingErrorView.hidden = false
}

func handleGoBackPan(sender: UIScreenEdgePanGestureRecognizer) {
    if (sender.state == .Ended) {
            _webView!.goBack()
    }
}

func handleGoForwardPan(sender: AnyObject) {
    if (sender.state == .Ended) {
            _webView!.goForward()
    }
}

func handleSwipeFromTop(sender: AnyObject) {
    self.dismissViewControllerAnimated(true, completion: nil)
}

override func viewWillTransitionToSize(size: CGSize, withTransitionCoordinator coordinator: UIViewControllerTransitionCoordinator) {
    coordinator.animateAlongsideTransition({ context in
        self._webView!.frame = CGRectMake(0, 0, size.width, size.height)
    }, completion: nil)
}

}

そして、これが問題を示すいくつかのスクリーンショットです：これはロードが完了した後のビューであり、正しく機能しています： This is how the view loads, working correctly

これは、デバイスを横向きに回転させた後のビューです。 This is the view after rotation

そして、これは回転後のスクロール位置です： Scroll location after rotation

Self.view = _webViewを使用すると、ビューのサイズが正しく変更されますが、ストーリーボード上のすべてのビューは無視されます（ビューのコンテンツが書き換えられているため）。

（self.viewを書き換えずに）この問題を修正するにはどうすればよいですか？

iosswiftrotationaddsubviewwkwebview
15
PastaCoder

このコード行を使用して、問題を解決することができました。

self._webView!.autoresizingMask = UIViewAutoresizing.FlexibleWidth | UIViewAutoresizing.FlexibleHeight

:)

55
PastaCoder

Swift 3バージョン：

webView?.autoresizingMask = [.flexibleWidth, .flexibleHeight]

22
Chetan Dobariya

Objective-Cの回答を投稿しています。誰かがここに来てそれを探している場合に備えて

[self.webView setAutoresizingMask:UIViewAutoresizingFlexibleHeight | UIViewAutoresizingFlexibleWidth];
8
FMK

実際、WKWebViewはプログラムでのみ追加できるため、たまたまデフォルトで有効になっている制約フラグに対する自動サイズ変更マスクがあります（Interface Builder内にコンポーネントと制約を追加すると、通常は無効になります）。正しい解決策は次のようになると思います。

webView?.translatesAutoresizingMaskIntoConstraints = false

制約/アンカーを追加した後。

0
Mariano Guadagnini