android 今日头条评论,模仿"今日头条"webview评论列表的实现

最近项目中遇到一个功能，功能的需求是：

1、webview从服务端接口获取html然后用webview 来展示，webview的高度不定

2、webview下方有一个评论列表，评论列表支持翻页

一开始的想到的实现方式肯定是把webview作为UITableView的Header实现，UITableView 的cell为评论列表，这个方法肯定能实现，这种方式有几个问题：

1、这种方案就必须把webview的contentsize的高度作为webview的高度，因为webview有类似于UITableView的复用机制，是按照展示的需要加载资源和渲染，如果把webview的高度设置成最大，会一次性加载所有的资源到内存(验证见文尾)。

2、webview出现内容到完全得到高度中间有一个时间差，如果图片太多的话这个时间差可能会在 3-5秒，这个是时候如果webview作为TableviewHeader是无法滑动的。

那么该如何支持webview和tableview这两个控件的同方向滑动，而不用去改变他们的frame呢？

想起常用的“今日头条”这个App里面也类似的功能，于是用Reveal这个逆向工程工具查看了“今日头条”页面的UI层级结构，结构如下：


发现今日头条用了一个非常巧妙的方法，就是再添加一个scrollview作为他们的滑动驱动器，它来接收滑动事件，并把滑动事件、offset按需要传递给 webview和tableview 来驱动它们的滑动，webview和tableview本身不相应滑动事件。

简化后的结构图如下：


接着按照这个思路用Demo验证通过，Demo地址：[DLNestScrollView](https://github.com/slemon/DLNestScrollView)。

> //层级结构代码如下：

> [self.view addSubview:self.scrollView];

> [self.scrollView addSubview:self.webview];

> [self.scrollView addSubview:self.tableView];

> self.tableView.top = kScreenHeight;

> self.webview.scrollView.scrollEnabled = NO;

> self.tableView.scrollEnabled = NO;

在项目中最终实现效果如下：


###验证之前的猜想

用UITablview的Header实现的第一个问题，空说无凭证，验证我的猜想：

1)、最直观的感受是，如果把webview作为headerview，也就是contentsize.height = webview.height，加载完滑动的时候，图片根本不会有加载的过程。

2)、用xcode做下实验，加载 url为：https://mp.weixin.qq.com/s/FH0DjxXJlOu0QRPaYk8r2Q 的网页，或者其他图片比较多的页面，目的是方便对比占用内存大小。为了防止缓存的影响，每次都要重置模拟器。得到结果如下图，两者之间的差距与网页占用缓存的大小成正比。