RecyclerView实现复杂页面

今日科技快讯

近日，三星Galaxy S8正式发布，使用了曲屏无边超大屏幕，屏占比高达84%。为了获得更大的屏占比，S8甚至取消了正面指纹识别的设计，将指纹识别移到了后置摄像头右侧。另外还增加了语音助手Bixby，对苹果Siri的进行公开叫板。不知道这一旗舰机型能否挽回去年“炸弹”Note 7给公司形象带来的损害。

作者简介

本篇来自 哦罢了 的投稿，分享了如何使用 RecyclerView 实现多种布局的列表，希望能够帮助到大家。最后不要忘记明天还要上班哟！

哦罢了 的博客地址：

http://blog.csdn.net/iamdingruihaha

正文

相信很多安卓开发的朋友，尤其是刚从事安卓开发的朋友，当产品经理递过来一张复杂页面的设计图时，都会有一种茫然的感觉，在心里想着如何实现，然后网上搜索如何实现复杂布局页面，当初我也是这么过来的， 可以说踩了很多很大的坑，所以决定写下这篇博客 ，供各位猿猿参观 ， 想相信看完此篇，绝对是最后一篇，不用再找了，当然此篇为进阶篇。如果你对 RecyclerView 还不熟悉，建议先了解 RecyclerView，熟悉其基本使用。

言归正传，先来看一下效果图：

gif录出来有点怪，所以就截图了

下面我来分析一下这种复杂界面的具体实现思路，当然这里非常感谢   liaoinstan 大神的文章

http://blog.csdn.net/liaoinstan/article/details/52671101

朋友可以看一下，最初我也是看了此篇，但是此篇并非完美，在此我进一步总结一下 。

如果不是瀑布流， 那就很简单了，借鉴一下liaoinstan的图片

如果实现此图，liaoinstan给了如下两种方案

• 第一种

这里 recyclerview5 应该还是列表管理器， 懒得画图了，意思一样 。

这种方案构思就是 recyclerview 里面嵌套 多recyclerview，构思简单，编写也是行如流水，能够实现需求，但是问题来了，以下是重点，这种多嵌套的写法，在上拉加载的时候，拉到后面基本就会很卡，就算释放glide（或者其他图片加载框架）的内存也是释放不掉，直至oom或者卡死不动，所以这种嵌套思路只适合没有加载更多的的情况。

• 第二种

这种思路里面最重要的方法就是：

liaoinstan大神已经给了具体代码和思路，完美实现功能，非常感谢。

如果需求是带瀑布流的

那么，第一种情况里面的 onAttachedToRecyclerView方法 瀑布流管理器里面就不存在，因此无法使用，只能另寻他法，liaoinstan大神推荐 TwowayView 能实现上图这种效果，但是， 呵呵，不好意思，当你用TwowayView写实际应用时， 需要网络加载时， 问题出现了，那就是你来回下拉刷新几次，布局上面就会有一块白的空白区域， 直至最后你的布局完全看不见， 只剩下一片白。

我没有解决此问题。当时我写我们公司的应用时， 写到这里的时候，我就一脸懵逼了， 然后就用最最古老的办法，直接scrollview里面嵌套几个recyclerview，写到最后还是意料之中出现问题了，上拉加载到最后还是会卡顿，而且在6.0以上高度总是有问题。

到这里，我差点想和产品说我们不用瀑布流好不好，但我又从新搜了一下，在瀑布流管理器里面有 LayoutParams.setFullSpan(true) 方法，在：

onCreateViewHolder(ViewGroup parent, int viewType)

总体思路就是，把下面的瀑布流部分作为一种 type，其他无需加载更多的布局放在 recyclerview 里面。使用此方法使这一行占满全屏，这是我到现在总结出来的最好实现方式。

思路图如下：

部分代码如下：

这个方法 在大神的文章里只是副作用提了一下， 光想着 TwowayView 了所以没在意 ，最后还是此方法解决了这种需求。

总结：本人只是理论性的总结了复杂布局的实现方式，以及一些坑 ， 避免各位浪费时间和精力 ，鄙人在此献丑了，代码已经全部上传，github项目源码：

https://github.com/385841539/RecycleviewPage

更多

每天学习累了，看些搞笑的段子放松一下吧。关注最具娱乐精神的公众号，每天都有好心情。

如果你有好的技术文章想和大家分享，欢迎向我的公众号投稿，投稿具体细节请在公众号主页点击“投稿”菜单查看。

欢迎长按下图 -> 识别图中二维码或者扫一扫关注我的公众号：