使用"自动布局"将UIWebView设置为其内容的高度

Question

我在滚动视图中嵌入了一个Web视图,我希望"扩展"Web视图以显示其所有内容,然后我想用滚动视图滚动浏览.

我使用滚动视图作为超级视图而不仅仅使用Web视图作为滚动视图的原因是因为我在Web视图上方有我想要包含在滚动过程中的标签(参见屏幕截图).

那么如何让webview自行调整大小,以便占用显示其包含的内容所需的所有空间？

之后,如何根据webview的大小调整superview(Scroll视图)的大小？

Answer 1

要完成这项工作,您必须执行以下步骤:

1. 将UIWebView笔尖连接到视图控制器中的插座
2. 禁用Web视图中的滚动
3. 设置上的限制UIScrollView,在UIView对Web视图的顶部(在我的例子中,我省略了该视图所有标签)和UIWebView.
4. 将UIWebView的height约束连接到视图控制器中的插座.
5. 将视图控制器设置为 UIWebViewDelegate
6. 在webViewDidFinishLoad设置高度约束的常数的高度contentSize网页视图内滚动视图中.
7. 启动键值观察contentSize以更改高度,当Web视图的高度必须更改时,因为网页的各个部分会更改其大小而不重新加载页面(如accordeons或菜单).

我不会详细解释这些约束,因为你似乎已经把它们弄清楚了.以下是约束的屏幕截图:

所以,这是代码:

import UIKit

var MyObservationContext = 0

class ViewController: UIViewController {

    @IBOutlet weak var webview: UIWebView!
    @IBOutlet weak var webviewHeightConstraint: NSLayoutConstraint!
    var observing = false

    override func viewDidLoad() {
        super.viewDidLoad()
        webview.scrollView.scrollEnabled = false
        webview.delegate = self
        webview.loadRequest(NSURLRequest(URL: NSURL(string: "https://www.google.de/intl/de/policies/terms/regional.html")!))
    }

    deinit {
        stopObservingHeight()
    }

    func startObservingHeight() {
        let options = NSKeyValueObservingOptions([.New])
        webview.scrollView.addObserver(self, forKeyPath: "contentSize", options: options, context: &MyObservationContext)
        observing = true;
    }

    func stopObservingHeight() {
        webview.scrollView.removeObserver(self, forKeyPath: "contentSize", context: &MyObservationContext)
        observing = false
    }

    override func observeValueForKeyPath(keyPath: String?, ofObject object: AnyObject?, change: [String : AnyObject]?, context: UnsafeMutablePointer<Void>) {
        guard let keyPath = keyPath else {
            super.observeValueForKeyPath(nil, ofObject: object, change: change, context: context)
            return
        }
        switch (keyPath, context) {
        case("contentSize", &MyObservationContext):
            webviewHeightConstraint.constant = webview.scrollView.contentSize.height
        default:
            super.observeValueForKeyPath(keyPath, ofObject: object, change: change, context: context)
        }
    }
}

extension ViewController: UIWebViewDelegate {
    func webViewDidFinishLoad(webView: UIWebView) {
        print(webView.request?.URL)
        webviewHeightConstraint.constant = webview.scrollView.contentSize.height
        if (!observing) {
            startObservingHeight()
        }
    }
}