uiscrollview中的uiwebview提示答案

【问题标题】：Uiwebview in uiscrollview tipsuiscrollview中的uiwebview提示
【发布时间】：2012-05-09 09:17:11
【问题描述】：

我有一个UIScrollview 允许分页，还有一个UIWebview 用于内部的详细视图。我知道根据 Apples Class Reference，您不应该这样做，但我没有看到其他选择。

为了做出更好的响应和体验，我禁用了UIWebview 的滚动，其中：

[[[webView subviews] lastObject] setScrollEnabled:FALSE];

但现在我正在寻找一种解决方案，使 webview 的大小合适，具体取决于内容。有没有一种简单的方法可以做到这一点，其中 webview 的宽度保持不变，但是当需要显示完整文章时高度会（自动）增长？这将消除滚动问题，因为它位于滚动视图，他将负责此场景中的所有滚动。

这有意义吗？

【问题讨论】：

如果你想让你的页面缩放属性以适应框架，你可以使用：[_webView setScalesPageToFit:YES];
@CaptainRedmuff 您编辑了消息，堆栈溢出会这样做
抱歉，我没有意识到这一点。希望我修改后的答案更有帮助；）

标签： objective-c xcode cocoa ios5

【解决方案1】：

从 UIWebView 的文档中，它指出：

重要提示：您不应将 UIWebView 或 UITableView 对象嵌入 UIScrollView 对象。如果这样做，可能会导致意外行为因为两个对象的触摸事件可能会混淆和错误处理。

更合适的方法是将您的 UIWebView 添加到 UIViewController 中，并在其下方添加一个 UIScrollView（或 UITableView）。不过，我会意识到您为滚动视图留下的空间量，尤其是在您使用 iPhone 时。

希望这是朝着正确方向的推动。

更新：

在研究了这个（我确信会有办法）之后，似乎我设法想出的最佳方法是将您的 UIWebView 添加到 UITableView 的标题视图中。

    //create webview
    _webView = [[UIWebView alloc] initWithFrame:CGRectMake(0.0, 0.0, 320.0, 280.0)];

    //load request and scale content to fit
    [_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.stackoverflow.com/"]]];
    [_webView setScalesPageToFit:YES];

    //add web view to table header view
    [[self tableView] setTableHeaderView:_webview];

这会在单元格显示在下面之前将 UIWebView 添加到表格视图的标题中。请注意，表格标题视图（以及页脚视图）与节标题（和页脚）不同，因此如果您使用 UITableViewStylePlain，您仍然可以使用这两者。

确保缩小 webview 的框架，以允许下面的任何单元格可见，否则用户将无法滚动 tableview，因为任何触摸都会被 webview 拦截。

这仍然违反 UIWebView 文档（如上所述），但实际上，只要 webview 不覆盖视图的整个可滚动区域，此实现实际上就可以正常工作。

这是我制作的测试应用的截图：

希望有帮助:)

【讨论】：

您可以在tableview中禁用滚动，然后将其添加为scrollview的子视图，然后将scrollview的contentSize的高度增加tableview的高度。我这样做是因为我需要能够将任意视图作为页脚添加到 web 视图并让该视图随之滚动。

【解决方案2】：

有更好的方法来做到这一点。

从 iOS 5.0 开始，苹果将 UIScrollView 暴露在 UIWebView 中。因此，要根据内容调整 webview 的大小，您可以这样做。

将 UIWebView 的父级设置为该 UIWebView 的委托。
实现 webViewDidFinishLoad: 并在该函数中执行此操作。

CGSize sz = [webView.scrollView contentSize]; CGRect 矩形 = webView.frame; rect.size.height = sz.height; webView.frame = rect;

即使有多个加载开始和结束，也没关系，因为最终我们将调整 web 视图的大小以适应内容。

如果您不希望用户看到动态调整大小，您可以将 webview 的 alpha 设置为 0，当所有内容加载并完成调整大小时，您可以通过动画将其转换为 alpha 1。

【讨论】：