問題描述

我想在 UIScrollView 中有一個 UIWebView.UIWebView 有時會超出 iPhone 屏幕的范圍，因此我需要一種滾動視圖的方法，以便可以看到所有內容(但我不想使用 UIWebView 的內置滾動).所以我正在考慮將所有內容放在 UIScrollView 中，然后使 UIScrollView 的高度等于 UIWebView 和其中其他視圖的高度.

I want to have a UIWebView inside a UIScrollView. The UIWebView will sometimes go out of bounds of the iPhone screen so I need a way to scroll the view so I can see all the content (but I don't want to use the built in scrolling of the UIWebView). So I'm thinking of putting all the content inside of a UIScrollView and then making the height of the UIScrollView to equal the height of the UIWebView and other views that are in it.

這是幫助描述我的問題的圖片:

Here's an image to help describing my problem:

推薦答案

我做了完全一樣的事情.以下是我的工作方式:

I did exactly the same thing. Here's how I made it work:

1. 將 UIWebView 添加為 UIScrollView 的子視圖(顯然 ;-)
2. 禁用 UIWebView 的本機滾動(您可以通過遍歷 UIWebView 的子視圖來做到這一點，直到找到它是 UIScrollView 并在其上設置 scrollEnabled = NO.
3. 將 UIScrollView 的 contentSize 和 UIWebView 的框架設置為 UIWebViews HTML 內容的大小.

最后一點有點棘手，因為當 webViewDidFinishLoad: 在 UIWebViewDelegate 上被調用時，您無法確定 HTML 是否完全呈現.

The last point is bit tricky because you cannot be sure that the HTML is completely rendered when webViewDidFinishLoad: gets called on the UIWebViewDelegate.

這是獲取 HTML 內容大小的可靠方法:

Here's a reliable way to get the HTML content size:

1.在 HTML 文檔準備好時調用的 HTML 中添加一個 javascript 函數:

1.Add a javascript function to the HTML that gets called when the HTML Document is ready:

window.onload = function() {
    window.location.href = "ready://" + document.body.offsetHeight;
}

這個函數發送一個在其 URL 中具有內容高度的請求.

This functions sends a request that has the content height in it's URL.

2.在你的 UIWebViewDelegate 你攔截這個請求:

2.In your UIWebViewDelegate you intercept this request:

- (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType {
        NSURL *url = [request URL];
        if (navigationType == UIWebViewNavigationTypeOther) {
           if ([[url scheme] isEqualToString:@"ready"]) {
               float contentHeight = [[url host] floatValue];
               yourScrollView.contentSize = CGSizeMake(yourScrollView.frame.size.width, contentHeight + yourWebView.frame.origin.y);
               CGRect fr = yourWebView.frame;
               fr.size = CGSizeMake(yourWebView.frame.size.width, contentHeight);
               yourWebView.frame = fr;

               return NO;       
        }

        return YES;
}

希望有幫助

更新

這里是 Swift 2 版本:

Here is the Swift 2 version:

func webView(webView: UIWebView, shouldStartLoadWithRequest request: NSURLRequest, navigationType: UIWebViewNavigationType) -> Bool {
    guard navigationType == .Other else { return true }
    if let url = request.URL, let host = url.host {
        guard url.scheme == "ready" else { return true }
        if let contentHeight = Float(host) {
            yourScrollView.contentSize = CGSizeMake(yourScrollView.bounds.size.width, CGFloat(contentHeight))
            var fr = webView.frame
            fr.size = CGSizeMake(fr.size.width, CGFloat(contentHeight))
            webView.frame = fr
        }

        return false
    }

    return true
}

這篇關于UIScrollView 內的 iOS UIWebView的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！