高级UI<第五十二篇>:仿oppo相册粘贴性头部效果

二话不说,先看效果,如下:

61.gif

粘贴性头部常常在recyclerview中使用,效果如上图所示。

实现这个效果的思路是:
(1)编写recyclerview基本代码,使用GridLayoutManager网格布局,加载本地图片,实现如下效果:

图片.png

(2)读取图片本身的时间数据,用时间将图片分类,效果如下:

图片.png

因此,recyclerview的Item的类型有两种(图片和分类栏),使用SpanSizeLookup控制每行显示的Item数量,代码实现如下:

    gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
        @Override
        public int getSpanSize(int position) {

            BaseDataBean dataBean = list.get(position);
            if(dataBean.getItemViewType() == ItemType.TYPE_TEXT){
                return 4;
            }else{
                return 1;
            }

        }
    });

(3)实现粘贴性头部效果

方案有两种:DrawOveraddOnScrollListener,本人使用addOnScrollListener方式实现粘贴性头部效果,具体实现可以直接研究下我的代码,也是为了节省我宝贵的时间,所以就不详细说明了,github地址如下:

https://github.com/NoBugException/AllRecyclerView

[本章完...]

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、前言: 1. RecyclerView是什么 从Android 5.0开始,谷歌公司推出了一个用于大量数据展示...
    因为我的心阅读 1,256评论 2 2
  • 本篇文章已授权微信公众号 guolin_blog (郭霖)独家发布转载请标明出处: http://www.jian...
    张旭童阅读 7,492评论 7 82
  • 丁香花又开,你已不在…… 那年,《丁香花》的旋律飘荡在大街小巷。 那年,满山的丁香花开的特别的娇艳。 那年,那个叫...
    凤二爷阅读 556评论 0 1
  • 一个人遇到好老师人生幸运,一个学校拥有好老师是学校的光荣,一个民族源源不断涌现出一批又一批好老师是民族的希望。 ...
    欣欣向荣吉吉阅读 196评论 0 6
  • 父亲节的活动我没参与 也不敢参与 因为我会情不自禁想起父亲 此刻,外面下着雨 心里想着你 我想你了 昨天下午天街溜...
    依依0516阅读 75评论 0 0