个人中心
gpt4 book ai didi

ios - Resize UIWebView on webViewDidFinishDownload 困境

转载 作者：行者123 更新时间：2023-11-28 19:10:14 24 4
gpt4 key购买 nike

假设我有一个 UIWebView 与 UIImageView(或其他 View )堆叠在一起:

enter image description here

我想调整 UIWebView 的大小，以便知道将 UIImageView 放在哪里。我这样做的方式是等待 UIWebView 完成加载:

webViewCalculating = YES;
while (webViewCalculating == YES) {
    [[NSRunLoop currentRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate distantFuture]];
}

然后我根据 this suggestion 在 UIWebView 完成加载后调整它的大小:

-(void)webViewDidFinishLoad:(UIWebView *)webView
{
    CGRect frame = webView.frame;
    frame.size.height = 1;
    webView.frame = frame;

    CGSize fittingSize = [webView sizeThatFits:CGSizeZero];
    frame.size = fittingSize;
    webView.frame = frame;

    heightSoFar += webView.frame.size.height;
    webViewCalculating = NO;
}

在这一点之后，我会知道我的 UIWebView 有多高，并且我可以相应地放置我的 UIImageView。然而，当我按下另一个 View Controller 并返回到这里时，我的 hacky [[NSRunLoop currentRunLoop] runMode:NSDefaultRunLoopMode 似乎没有等到我的 webView 先完成高度计算。有没有更好的方法让我知道我的 UIWebView 的大小而无需等待它加载？也许类似于 NSString 的 sizeWithFont 方法？

最佳答案

您不应该执行正在运行运行循环的 while 循环。这是一个非常糟糕的主意。当 webview 完成加载时，您应该让 ScrollView 容器响应并重新布局 subview 。从“合理大小的 webview 区域”开始。可能会在加载网络内容时显示一个微调器。

我用来做这件事的技术如下:

首先给UIWebView添加一些category方法如下:

@interface UIWebView (ContentSize)
- (CGFloat)documentOffsetHeight;
@end

@implementation UIWebView (ContentSize)
- (CGFloat)documentOffsetHeight
{
  return [[self stringByEvaluatingJavaScriptFromString:@"document.documentElement.offsetHeight"] floatValue];
}
@end

然后我编写了一个包含 UIWebView 的 UIView 子类。例如:

@interface MyWebView : UIView <UIWebViewDelegate>
@end

@implementation MyWebView 
{
    BOOL _loaded;
    UYIWebView *_webView;
}

- (id)initWithFrame:(CGRect)frame
{
  self = [super initWithFrame:frame];
  if (self)
  {
     _webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, frame.size.width, 1)];
     _webView.delegate = self;
     _webView.alpha = 0.0f;
     [self addSubview:_webView]
   }
}

- (CGSize)sizeThatFits:(__unused CGSize)size
{
  if (_loaded)
  {
    CGFloat height = [webView_ documentOffsetHeight];
    CGFloat width = self.frame.size.width;
    return CGSizeMake(width, height);
  }

  return self.frame.size;
}

- (void)sizeToFit
{
  CGSize fittingSize = [self sizeThatFits:CGSizeZero];
  self.bounds = CGRectMake(0, 0, fittingSize.width, fittingSize.height);
}

- (void)layoutSubviews
{
  [super layoutSubviews];
  _webView.frame = CGRectMake(0, 0, self.bounds.size.width, self.bounds.size.height);
}

- (void)loadHTMLString:(NSString *)htmlString baseURL:(NSURL *)baseURL
{    
  // This code assumes jQuery is already used in the HTML content.  If not, added it as a script resource here too.
  NSString *scriptTag = @"<script type=\"text/javascript\" >jQuery(document).ready(function() { window.location = 'x-webview://ready'; });</script>\n";

  NSString *const headOpeningTag = @"<head>";
  if ([htmlString rangeOfString:headOpeningTag].location != NSNotFound )
  {
    htmlString = [htmlString stringByReplacingOccurrencesOfString:headOpeningTag
                                                       withString:[headOpeningTag stringByAppendingString:headContent]
                                                          options:NSCaseInsensitiveSearch
                                                            range:NSMakeRange(0, [htmlString length])];
  }
  else
  {
    htmlString = [headContent stringByAppendingString:htmlString];
  }

  [_webView loadHTMLString:htmlString baseURL:baseURL];
}

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
  if ([request.URL.scheme isEqualToString:@"x-webview"] && [request.URL.host isEqualToString:@"ready"])
  {
    _loaded = YES;

    [UIView animateWithDuration:0.1
                          delay:0
                        options:UIViewAnimationOptionAllowUserInteraction
                     animations:^{ webView.alpha = 1.0f; }
                     completion:nil];

    [self sizeToFit];
    return NO;
  }

  return YES;
}

@end

所以基本上这个 UIView 子类所做的是嵌入一个不可见的 _webview。然后，当文档加载并呈现时，基于 jQuery 的 JavaScript 会尝试使用自定义 URL 方案离开当前页面。此导航被困和拒绝。但作为响应， View 大小适合并从 HTML 文档中获取正确的大小。

请注意，您不必使用 jQuery。您可以添加 DOM JavaScript 事件。我只是更熟悉 jQuery 如何处理原始 DOM 事件。

在您的情况下，您必须向 ScrollView 传达内容已完成加载并且 ScrollView View 应重新布局。您可以使用委托(delegate)协议(protocol)或类似的东西来做到这一点。或者 ScrollView 可能是“MyWebView”容器 UIView 子类。根据需要进行调整。

关于ios - Resize UIWebView on webViewDidFinishDownload 困境，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16339031/

24 4 0
文章推荐： python - SWIG 和 Python : How can I add a manually-created class to a SWIG-generated module?
文章推荐： javascript - Selenium WebDriver + PhantomJS + Python - 执行脚本和处理对话框
文章推荐： python - Windows 中的多显示器设置的每个屏幕都有不同的墙纸
文章推荐： html - 垂直居中字段集中的 anchor 标记
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com