zoukankan      html  css  js  c++  java
  • 如何自定义RecycleView item的间距

    引言

    在以前使用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的左间隔距离为 (x_{i}),右间隔距离为(y_{i}) (1<=i<=n,i为自然数) 。

    1. $ x_{i}+ y_{i}=d (1<=i<=n,i为自然数,d为未知正数)$

    2. (y_{i}+x_{i+1}=D(1<i<=n))

    3. (x_{1}=D, y_{1}=D)

    其中需要说明的是,由于每个item的原始宽度一致,要使得每个item的左右边距在空出相应距离后仍宽度一致,则公式1一定成立,具体示意图如下:

    示意图

    由图可知,自然的我们可以很快的找到一个等式①,即:

    [x_{1}+y_{1}+x_{2}+y_{2}+... ...+x_{n}+y_{n}=(n+1)*D ]

    而由公式1可知:$$x_{i}+ y_{i}=d,即y_{i}=d-x_{i}$$

    所以等式①为:$$nd=(n+1)D,即d=D+D/n$$
    这就是d的计算公式,当然到这里证明还没有结束,我们联合公式1公式2可知:$$x_{i+1}-x_{i}+d=D,即x_{i+1}-x_{i}=-D/n(其中0<i<n,n>=1)$$
    显然这是一个标准的等差数列,同时由公式3可知:(x_{1}=D),则第i个item的左间隔距离计算公式为:$$x_{i}=D-D/ni(其中0<i<=n,n>=1)$$再由公式1等式①即可推得$$y_{i}=D/n+D/ni(其中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为自然数,$$item_{spanSize=N}的x=x_{1}$$$$item_{spanSize=N}的y=y_{N}$$
    具体公式如下:$$x_{i}=D-D/nai(其中0<ai<=n,n>=1)$$ $$y_{i}=D/n+D/n(ai+item_{i的spanSize}-1)(其中0<ai<=n,n>=1)$$

    其中需要注意的是ai表示的该item在一行中的实际位置,即若第一个(item_{spanSize=2})的ai=1时,第二个(item)的ai=3。
    OK,至此公式的推理全部结束,有关示例源码下载连接

    题外

    唉,当初理清这些关系真的是花了好久(主要是好久不做数学题,生疏了-。-),希望能给大家提供些帮助,当然若有不足的地方欢迎指正。
    这是搬到上海来写的第一篇文章,真的是“憋”了好久(─.─)|||,以后得更加勤快些,不能颓废下来。

    作者:XycZero
    查看原文:http://www.xyczero.com/blog/article/23/.

  • 相关阅读:
    c++重点笔记2
    c++学习笔记重点1
    创业思路(3) 传统行业与互联网思维
    创业思路(2) 社交
    创业思路(1)
    Asp.Net实现Http长连接推送
    又回来了
    2021.10.23软件更新公告
    2021.10.22软件更新公告
    SharePoint 2013 新特性 (三) 破改式 —— 设计管理器的使用 [2.HTML变身模板页]
  • 原文地址:https://www.cnblogs.com/xyczero/p/4526913.html
Copyright © 2011-2022 走看看