上面webview 下边评论

2018-10-16 11:50:49

近日接到一个需求，需要在一个页面上方用webview显示网页的内容，下半部分用原生实现一个评论列表。

初步想法有两个：

1、Header模式：用RecyclerView显示原生的评论列表，把WebView作为RecyclerView的第0项。

ViewGroup.LayoutParams lp =newViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.WRAP_CONTENT);

WebView web =newWebView(parent.getContext());

web.setLayoutParams(lp);

需要把WebView撑开，保证WebView的内容完全展示。

2、ScrollView模式：最外层用NestedScrollView容器，内层放一个LinearLayout,从上到下依次是WebView和RecyclerView;

布局上没有什么大的问题，就是滚动会觉得有点卡，没有关系，设置一下就好了。

LinearLayoutManager layoutManager =newLinearLayoutManager(this);

layoutManager.setSmoothScrollbarEnabled(true);

layoutManager.setAutoMeasureEnabled(true);

recyclerView.setLayoutManager(layoutManager);

recyclerView.setHasFixedSize(true);

recyclerView.setNestedScrollingEnabled(false);

recyclerView.setLayoutManager(layoutManager);

Pros and Cons：

总的来说，优缺点非常明显，在评论列表条数特别多（实验时用了500条）的时候:

页面初始化结束时：Header模式申请的内存为25.77m；ScrollView模式申请的内存为37.87m

列表滚动到底时：Header模式申请的内存为28.09m; ScrollView模式申请的内存为40.63m

gc后：Header模式申请的内存为25.05m; ScrollView模式申请的内存为27.77m

Example: https://github.com/bobbySpace/WebviewAndList

  • 精彩推荐

  • 2019-11-26 11:08:02

    多边型无序点排序（地图绘制多边形）

    任务需求要做一个区域高亮的功能，用到地图，想到了高德地图的多边形API，但是多边形顶点的顺序是要有序的，需求是无序，在API查找无果的情况下，只能手动实现点集合排序。

  • 2019-11-26 11:11:59

    正多边形的编程绘制（javascript）

    如何用程序来绘制正多边形？ 在一般情况下，会使用 x = radius * Math.cos(angle), y = radius * Math.sin(angle) 来进行绘制，但这是关于x轴对称的，如果遇到正多边形的边数为奇数，而你又希望它是以y轴对称时，可按照下面的方法。

  • 2019-11-26 13:36:28

    Vue组件命名找不到的问题以及如何给vue组件命名

    首先，Vue 会将 template 中的内容插到 DOM 中，以方便解析标签。由于 HTML 标签不区分大小写，所以在生成的标签名都会转换为小写。例如，当你的 template 为 <MyComponent></MyComponent> 时，插入 DOM 后会被转换为 <mycomponent></mycomponent>。 然后，通过标签名寻找对应的自定义组件。匹配的优先顺序从高到低为：原标签名、camelCase化的标签名、PascalCase化的标签名。例如 <my-component>会依次匹配 my-component、myComponent、MyComponent。camelCase 和 PascalCase 的代码

  • 2019-11-28 11:00:35

    Vue子组件调用父组件的方法

    下面有三种方法，我自己重点推荐第一种，毕竟这种简单粗暴好用好理解，不过这个有一个弊端，再组件嵌套组件的时候，尤其是用第三方组件里面调用自己的子组件的时候，其实已经是孙子组件了，这个时候就要parent.parent。。。。,这样就不好了，我们就得考虑其他方法了，具体怎么判断是父组件，还是爷爷组件，我会单独出一篇文章讲述。

  • 2019-11-29 13:04:47

    计算一个多边形的重心点坐标（准确版）

    在之前的 《如何判断一个多边形是否合法》 一文中有提到，用无人机规划飞行路线前，往往需要框选一个多边形的区域。 而在地图控件上显示这个多边形区域时，往往会遇到这样一个需求：需要把所要测绘的多边形区域移动到地图中心。 实现这个需求的基本思路就是：获取到多边形区域的重心点坐标，然后利用地图控件的 setCenter方法，就可以把地图的显示中心移动到多边形区域重心了。那么问题来了，如何求出一个多边形的重心点坐标呢？