作者简介 原创 微信公众号郭霖 WeChat ID: guolin_blog
本篇来自哦罢了的投稿,分享了如何使用 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(ViewGroupparent,intviewType)
总体思路就是,把下面的瀑布流部分作为一种 type,其他无需加载更多的布局放在 recyclerview 里面。使用此方法使这一行占满全屏,这是我到现在总结出来的最好实现方式。
思路图如下:
部分代码如下:
这个方法 在大神的文章里只是副作用提了一下, 光想着 TwowayView 了所以没在意 ,最后还是此方法解决了这种需求。
总结:本人只是理论性的总结了复杂布局的实现方式,以及一些坑 , 避免各位浪费时间和精力 ,鄙人在此献丑了,代码已经全部上传,github项目源码:
https://github.com/385841539/RecycleviewPage
文章原创作者GuoLin 书籍推荐
郭林大神原创android 书籍:《第一行代码 android》