如何自定义RecycleView item的间距
2017-08-29 16:49
281 查看
引言
在以前使用ListView和GridView时,设置item之间的间距还是相对比较简单的,因为它们的基本属性里面Android已经定义好了,可以直接设置属性值即可。但Google为了通用性和灵活性(至少我是这么认为-.-),对于V7包中的RecycleView来说,则需要自己实现ItemDecoration类的getItemOffsets(Rect outRect, View view,… …)抽象方法。
局限
下面的推理只限于VERTICAL情况,至于HORIZONTAL情况的考虑方式应该是类似,大家就自行去考虑把,嘿嘿o(∩_∩)o
推理
嗯,接下来就是根据不同的布局情况找到item的outRect的计算规律(outRect负责存储item之间间距)。 首先对于RecycleView的LayoutManager为LinearLayoutManager,或者为GridLayoutManager但spanCount为1的情况先忽略,因为太简单了=。= 。
我们接下的考虑重点是当RecycleView的LayoutManager为GridLayoutManager且spanCount大于1的情况(暂且默认每个Item的spanSize的大小都为1,后面为具体讨论)。
其实仔细观察后你会发现,outRect的top和bottom计算远比right和left简单的多,因为在VERTICAL情况下,高度是没有限制的,所以我们计算时需要保证只对第一行的item的outRect.top赋值,对每个item的outRect.bottom都赋值即可,这样就可以保证每行item都在统一水平线上且垂直相隔的距离都是相等的。主要代码如下:
// set top to all in first lane if (position < mCountInFirstLine) { outRect.top = mSpace; } outRect.bottom = mSpace;
对于outRect的right和left的计算,首先要明确的是三个已知条件,分别如下:
假设每个item间的左右间距为D(D>=0,常量),一共有n个item(1,2,3,… … n),第i个item的左间隔距离为 xixi,右间隔距离为yiyi (1<=i<=n,i为自然数)
。
xi+yi=d(1<=i<=n,i为自然数,d为未知正数)xi+yi=d(1<=i<=n,i为自然数,d为未知正数)
yi+xi+1=D(1<i<=n)yi+xi+1=D(1<i<=n)
x1=D,y1=Dx1=D,y1=D
其中需要说明的是,由于每个item的原始宽度一致,要使得每个item的左右边距在空出相应距离后仍宽度一致,则公式1一定成立,具体示意图如下:
由图可知,自然的我们可以很快的找到一个等式①,即:
x1+y1+x2+y2+......+xn+yn=(n+1)∗Dx1+y1+x2+y2+......+xn+yn=(n+1)∗D
而由公式1可知:
xi+yi=d,即yi=d−xixi+yi=d,即yi=d−xi
所以等式①为:
nd=(n+1)D,即d=D+D/nnd=(n+1)D,即d=D+D/n
这就是d的计算公式,当然到这里证明还没有结束,我们联合公式1和公式2可知:
xi+1−xi+d=D,即xi+1−xi=−D/n(其中0<i<n,n>=1)xi+1−xi+d=D,即xi+1−xi=−D/n(其中0<i<n,n>=1)
显然这是一个标准的等差数列,同时由公式3可知:x1=Dx1=D,则第i个item的左间隔距离计算公式为:
xi=D−D/n∗i(其中0<i<=n,n>=1)xi=D−D/n∗i(其中0<i<=n,n>=1)
再由公式1和等式①即可推得
yi=D/n+D/n∗i(其中0<i<=n,n>=1)yi=D/n+D/n∗i(其中0<i<=n,n>=1)
至此关于item的左右间隔距离的计算公式基本证明结束。
进一步推理
当然上述的推理结果是默认每个Item的spanSize的大小都为1为前提条件进行的,所以为了公式更加通用,下面我们具体讨论当spanSize大小不固定的情况。首先需要明确的是spanSize的大小并不影响item的outRect.top和outRect.bottom的计算(原因可自行脑补=.=)。
而当每个item的spansize大小不一样时,关于item的outRect.left和outRect.right的计算其实和spanSize=1的情况是基本一样的,我们只需要换个思维方式,即一个spanSize=N的item可以看作是N个spanSize=1的item,其中N>0,且N为自然数,
itemspanSize=N的x=x1itemspanSize=N的x=x1
itemspanSize=N的y=yNitemspanSize=N的y=yN
具体公式如下:
xi=D−D/n∗ai(其中0<ai<=n,n>=1)xi=D−D/n∗ai(其中0<ai<=n,n>=1)
yi=D/n+D/n∗(ai+itemi的spanSize−1)(其中0<ai<=n,n>=1)yi=D/n+D/n∗(ai+itemi的spanSize−1)(其中0<ai<=n,n>=1)
其中需要注意的是ai表示的该item在一行中的实际位置,即若第一个itemspanSize=2itemspanSize=2的ai=1时,第二个itemitem的ai=3。
OK,至此公式的推理全部结束,有关示例源码下载连接。
相关文章推荐
- 如何自定义RecycleView item的间距
- RecycleView在addItemDecoration之后每次重新加载这个页面的时候,item之间的间距都会不断变大大概是变大一倍
- 自定义RecycleView实现TV应用上的item焦点获取以及设置当前选中的item居中
- recycleview的 item的自动居中以及自定义左对齐集代码分析
- 自定义RecycleView实现TV应用上的item焦点获取以及设置当前选中的item居中
- 自定义View时,如何设置字体的大小和间距,和XML布局达到一样的效果
- ItemDecoration相关 RecycleView Item间距的设置(保持GridLayoutManager时列间距的相等)
- RecycleView如何实现item的点击事件
- [iOS] 如何自定义CollectionView中每个元素的大小和间距
- ViewPager嵌套RecycleView(Fragment作为数据源)来展示10条数据,每个Item显示的内容是(Android软件开发工程师)(用自定义的Adapter 实现
- 如何自定义CollectionView中每个元素的大小和间距
- 在 actionbarsherlock 上如何对 item 使用自定义的 view
- Android中Recyclerview使用14----RecycleView的item间距设置
- RecycleView item 间距设置
- RecycleView设置item上下间距
- 如何自定义View及在配置文件中增加描述属性
- 如何测量自定义View时View的大小
- 自定义View(二) 自定义itemClickView
- RecycleView实现混合Item布局
- RecycleView实现item错落且高度不同的瀑布流