RecyclerView实现复杂页面

作者简介   原创 微信公众号郭霖 WeChat ID: guolin_blog

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

《RecyclerView实现复杂页面》

哦罢了的博客地址:

http://blog.csdn.net/iamdingruihaha

正文

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

言归正传,先来看一下效果图:

《RecyclerView实现复杂页面》

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

下面我来分析一下这种复杂界面的具体实现思路,当然这里非常感谢

《RecyclerView实现复杂页面》

liaoinstan 大神的文章

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

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

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

《RecyclerView实现复杂页面》

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

第一种

《RecyclerView实现复杂页面》

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

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

第二种

《RecyclerView实现复杂页面》

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

《RecyclerView实现复杂页面》

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

如果需求是带瀑布流的

《RecyclerView实现复杂页面》

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

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

到这里,

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

onCreateViewHolder(ViewGroupparent,intviewType)

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

思路图如下:

《RecyclerView实现复杂页面》

部分代码如下:

《RecyclerView实现复杂页面》

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

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

https://github.com/385841539/RecycleviewPage

文章原创作者GuoLin 书籍推荐

郭林大神原创android 书籍:《第一行代码 android》

《RecyclerView实现复杂页面》

淘宝链接: https://s.click.taobao.com/t?e=m%3D2%26s%3DgKUfuKdAZKocQipKwQzePOeEDrYVVa64K7Vc7tFgwiHjf2vlNIV67p2n%2BQBNMyE6Rku8%2Bpj6eJall3bs%2B3NRhNHnsKI%2BqxhyM0iVZhTFBom4YIorMPnmg8G0g2OJi%2FzmXHfenomYtn5EW9vzeG8LzfPUwktUBEmkxg5p7bh%2BFbQ%3D&pvid=10_106.6.161.154_3367_1490163222155

    原文作者:木木00
    原文地址: https://www.jianshu.com/p/11338cd01bd5
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞