前言

项目中使用UIWebView显示本地或者是服务器上的页面很容易，但是仅限于显示页面，可控性并不高，如果有需要在头部和尾部加上原生的view，显示部分信息相对于全部使用UIWebView来说会好蛮多，下面开始实现添加逻辑；

（一）在UIWebView的子控件Scrollview中添加头部以及尾部，添加头部相对于来说简单，先设置Scrollview的contentInset属性，UIEdgeInsetsMake(50, 0, 0, 0)即显示内容下移50;然后添加一个自定义view，frame等于CGRectMake(0, -50, self.view.frame.size.width, 50)即可。尾部的话，会复杂点，主要是UIWebView的contentSize会变，所以首先要知道contentSize或者说是内容的高度，方法是使用KVO监听UISCrollview的contentSize属性，这个方法我也是从网上找到的，原来我的想法是，通过UIScrollView的- (void)scrollViewDidScroll:(UIScrollView *)scrollView，根据下拉的offsety来控制尾部view的显示，但是后面发现不可行，所以才找到了这个KVO的方法；下面看代码：

- (void)viewDidLoad{    [super viewDidLoad];       self.webss = [[UIWebView alloc] initWithFrame:self.view.bounds];    self.webss.scrollView.contentInset = UIEdgeInsetsMake(50, 0, 0, 0);    [self.webss loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"https://www.baidu.com"]]];    self.webss.backgroundColor = [UIColor whiteColor];    self.webss.opaque = NO;        UIImageView *headerView = [[UIImageView alloc] initWithFrame:CGRectMake(0, -50, self.view.frame.size.width, 50)];    headerView.userInteractionEnabled = YES;    headerView.backgroundColor = [UIColor redColor];        [self.webss.scrollView addSubview:headerView];    [self.view addSubview:_webss];}- (void)viewWillAppear:(BOOL)animated{    [super viewWillAppear:animated];    [self addObserverForWebViewContentSize];}- (void)viewWillDisappear:(BOOL)animated{    [super viewWillDisappear:animated];    [self removeObserverForWebViewContentSize];}- (void)addObserverForWebViewContentSize{    [self.webss.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew | NSKeyValueObservingOptionOld context:nil];}- (void)removeObserverForWebViewContentSize{    [self.webss.scrollView removeObserver:self forKeyPath:@"contentSize"];}- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary
    
      *)change context:(void *)context{    [self test];}//设置footerView，并计算合适位置；- (void)test{    //取消监听，因为这里会调整contentSize，避免无限递归    [self removeObserverForWebViewContentSize];        UIView *viewss = [self.view viewWithTag:99999];    [viewss removeFromSuperview];        CGSize contentSize = self.webss.scrollView.contentSize;    UIView *vi = [[UIView alloc] init];    vi.backgroundColor = [UIColor blueColor];    vi.userInteractionEnabled = YES;    vi.tag = 99999;    vi.frame = CGRectMake(0, contentSize.height, self.view.frame.size.width, 150);        [self.webss.scrollView addSubview:vi];    self.webss.scrollView.contentSize = CGSizeMake(contentSize.width, contentSize.height + 150);        //重新监听    [self addObserverForWebViewContentSize];}
    

以上的代码是实现的关键代码，KVO机制我就不说了，还有一个关键的地方就是UIView *viewss = [self.view viewWithTag:99999];[viewss removeFromSuperview];两句代码，contentSize有可能变，有可能不变；只能保留通过监听到的最后一次contentSize计算出来的位置，否则尾部自定义的view会显示不正确。

（二）改进demo的一些想法；

在下拉UIwebview的过程中，也会显示灰色的背景色，相当的难看；基于上面的demo，已经实现了头部与尾部的添加，把头部的高度与下拉的距离同步起来，在这个UIScrollView的- (void)scrollViewDidScroll:(UIScrollView *)scrollView方法中，计算出offsety，然后头部自定义view的frame等于CGRectMake(0, -50-offsety, self.view.frame.size.width, 50+offsety)，应该就可以达到效果了。