将标题视图添加到类似于Safari和文章的UIWebView

MrM*_*age 21 iphone objective-c mobile-safari uiwebview uiscrollview

我想添加一个标题视图,UIWebView类似于MobileSafari中的地址/搜索栏和Sophia Teutschler的优秀Articles.app.更准确地说,我想在UIWebView上创建一个"拉动修复方向"视图,就像在文章中一样.文章确实使用UIWebView,所以它似乎是可能的.有没有办法做到这一点,而不必嵌入UIWebViewUIScrollView和更新其大小所有的时间,如在这篇文章?显然,我确实需要滚动事件来使"拉动修复方向"相应地表现出来.

sos*_*gio 11

经过几次尝试,我决定采用这个解决方案:

基本上我刚刚将我的标题UIView添加为webview.scrollview子视图.

为避免标题与浏览器视图重叠:

  • 遍历所有[webview.scrollView子视图]
  • 寻找最大的,它应该包含浏览器(其他的是阴影和线条)
  • 改变它的起源

    这是代码:

    CGRect browserCanvas = web.bounds;
    for(int i=0; i< [[web.scrollView subviews] count]; i++)
    {
      UIView* subview = [[web.scrollView subviews] objectAtIndex:i];
      CGRect f = subview.frame;
      NSLog(@"sub %d -> x:%.0f, y:%.0f, w:%.0f, h:%.0f", i, f.origin.x, f.origin.y, f.size.width, f.size.height);
    
      if(f.origin.x == browserCanvas.origin.x && 
         f.origin.y == browserCanvas.origin.y && 
         f.size.width == browserCanvas.size.width && 
         f.size.height == browserCanvas.size.height)
         {
             f.origin.y = header.frame.size.height;
             subview.frame = f;
         }
    }
    
    if(![header superview])
    {
      [web.scrollView addSubview:header];
      [web.scrollView bringSubviewToFront:header];
    }
    
    Run Code Online (Sandbox Code Playgroud)

  • 如何使用scrollView的contentInsets(并将你的帧y设置为负)? (3认同)

小智 7

我认为最好的解决方案是将标题添加为UIWebView的scrollView的子视图,调整UIEdgeInsets,并在scrollViewDidScroll委托函数中根据需要调整scrollIndicatorInsets.

我发现的每个其他解决方案都没有考虑滚动指标.

由于正确行为有一点复杂性,我决定编写一个类来处理所有这些:MMWebViewWithSmartHeader.它的边缘仍然有点粗糙,但应该有所帮助.