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

猜你喜欢

转载自blog.csdn.net/bfboys/article/details/83188386
今日推荐