为recycleView添加分割线、header和footer

对于recycleView,相信做android的基本都很熟悉 ,我也经常使用,基本把listView、gridView抛弃了(看需求了),但是自己在用的过程中基本都是复制-粘贴、复制-粘贴、复制-粘贴,有些不常用的功能当时可能看好久整明白了,但是过一段时间又给忘了,需要用的时候又得话大把时间去看,浪费精力!今天用的时候涉及到绘制分割线、拖拽item等相关的问题,具体怎么用又给忘了所以又查了点资料复习一遍,然后顺便记下来。。。


recycleView分割线

对于listView、gridView我们可以通过设置divider属性来设置他的分割线,而RecyclerView并没有支持divider这样的属性。当然,如果仅仅只是设置间隙,我们可以通过设置item的布局margin来实现,但是这种方式不够优雅。其实,recyclerView的分割线是可以自由定制的。 在RecyclerView中,Google又为我们提供了ItemDecoration这个类,通过addItemDecoration(RecyclerView.ItemDecoration decor)这个方法可以设置分隔线,那问题又来了,RecyclerView.ItemDecoration是什么东西呢?他是一个抽象类,里面主要有三个方法:

(1)void getItemOffsets ()

(2)void onDraw ()

(3)void onDrawOver ()

getItemOffsets()这个方法设置item偏移量,如果仅仅是设置间隙,只需要重写这个方法就OK了,先看下正常情况下的状态


activity布局
item布局
activity调用

效果如下:


效果1

整个页面浑然一体,现在我们通过重写getItemOffsets()来添加分割线。如下:

复写后的效果如下(这里故意把水平方向上和垂直方向上间距调的不一样)

onDraw()和onDrawOver ()都是用来绘制divider的,onDraw是在itemview绘制之前,onDrawOver是在itemview绘制之后。一般只需重写一个方法即可,所谓文不如表表不如图,单纯的文字可能不好理解,什么绘制之前绘制之后的兼职一脸懵逼,看下图:

onDraw

效果:

同样的代码放在onDrawOver()里面,运行效果如下,直接截图,就不录gif了

看出差异没?谁在item绘制之前谁在之后是不是一目了然了?

当然,onDrawOver与onDraw同时重写也是可以的,看下图运行效果(所化圆的半径根据需要有改动,方便看出差异)

这样一对比是不是很清楚??这样,我们可以通过重写getItemOffsets和onDraw()(或onDrawOver())来设置各种各样的分割线了

Header 和Footer

RecycleView设置header和footer也很简单,首先定义三个标识为来制定item类别(header还是footer或者普通item)

复写getItemCount(),当没有footer和header时返回数据源大小,header和footer有且只有一个时,返回数据源大小+1,都有事+2,这个地方很重要,注意别写错

复写getItemViewType(),根据有无header、footer的情况返回不同的type

然后根据不同的type create相应的ViewHolder,绑定ViewHolder等等

OK,运行看下效果


尼玛,这是什么鬼,header竟然作为一个cell出现在了界面上,这完全不是我们想要的效果啊!这时我们只需要这样改

在Adapter中再重写一个方法onAttachedToRecyclerView,设置了一个SpanSizeLookup,这个类是一个抽象类,而且仅有一个抽象方法getSpanSize,这个方法的返回值决定了我们每个position上的item占据的单元格个数

嗯,这次正常了,不过对于StaggeredGridLayoutManager,并没有像GridLayoutManager中这样的方法,我们还需要单独为StaggeredGridLayoutManager单独处理一下如下:

这样就OK了,加footer也一样,有兴趣的可以尝试下~~~

封装

adapter里面有很多通用的代码,比如getViewItemType()、getItemCount()以及前面的onAttachedToRecyclerView()、onViewAttachedToWindow()、addHeaderView()、addFooterView()等,我们可以提出来,封装成一个父类,只需在子类复写绑定逻辑就好

添加两个个抽象方法

然后在相应的地方调用

再看看子类如何调用

OK,是不是超级方便?代码似乎也大量减少了,运行效果跟之前一样,木有问题,可以自行尝试

因为一般情况下header和footer在添加前都已经初始化完成了

不需要holder的,所以只写了一个createNormalHolder()方法,header和footer在holder里面没做处理,如果有需要可以再写两个抽象方法

然后在相应的方法里处理自己的逻辑

这样,一个简单的BaseAdapter就封装好并且可以使用了,当然,如果想封装更深的话ViewHolder部分也是可以提取出来的----进一步封装可参考 鸿洋的博客-为RecyclerView打造通用Adapter 让RecyclerView更加好用

demo地址

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,602评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,442评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,878评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,306评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,330评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,071评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,382评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,006评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,512评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,965评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,094评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,732评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,283评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,286评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,512评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,536评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,828评论 2 345

推荐阅读更多精彩内容