RecyclerView 设置item之间的间距

唠嗑008

4
2017.07.21 10:44:42
字数 381
阅读 65,242
RecyclerView没有可以直接设置间距的属性，但看了源码之后可以发现RecyclerView有个内部类ItemDecoration，可以用ItemDecoration来装饰一个item，所以继承重写ItemDecoration就可以实现间距了。我看了以下，网上很多类似的介绍，但是大多都只考虑到LinearLayoutManager这种

这是LinearLayoutManager设置Item间距的的一个辅助类
public class SpacesItemDecoration extends {
private int space;

public SpacesItemDecoration(int space) {
     = space;
}

@Override
public void getItemOffsets(Rect outRect, View view,
                           RecyclerView parent,  state) {
     = space;
     = space;
     = space;

    // Add top margin only for the first item to avoid double space between items
    if ((view) == 0)
         = space;
}

}
设置item间距

int space = 8;
(new SpacesItemDecoration(spacingInPixels));
但是我的项目是网格布局啊，GridLayoutManager，上面这种办法也不行啊，先看看效果，再讲讲我的办法

RecyclerView设置Item的间距.jpg
我的间距只有10dp，看上去不是特别明显，但是效果是有的，是吧

这里是GridLayoutManager或者StaggeredGridLayoutManager 设置Item间距的办法
/**

GridLayoutManager（网格布局）设置item的间隔
作者：周旭 on 2017年7月20日 0020.
邮箱：374952705@
博客：/u/56db5d78044d
*/

public class GridSpacingItemDecoration extends {

private int spanCount; //列数
private int spacing; //间隔
private boolean includeEdge; //是否包含边缘

public GridSpacingItemDecoration(int spanCount, int spacing, boolean includeEdge) {
     = spanCount;
     = spacing;
     = includeEdge;
}

@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent,  state) {
   
   //这里是关键，需要根据你有几列来判断
    int position = (view); // item position
    int column = position % spanCount; // item column

    if (includeEdge) {
         = spacing - column * spacing / spanCount; // spacing - column * ((1f / spanCount) * spacing)
         = (column + 1) * spacing / spanCount; // (column + 1) * ((1f / spanCount) * spacing)

        if (position < spanCount) { // top edge
             = spacing;
        }
         = spacing; // item bottom
    } else {
         = column * spacing / spanCount; // column * ((1f / spanCount) * spacing)
         = spacing - (column + 1) * spacing / spanCount; // spacing - (column + 1) * ((1f /    spanCount) * spacing)
        if (position >= spanCount) {
             = spacing; // item top
        }
    }
}

}
调用的地方

    int spanCount = 3; // 3 columns
    int spacing = 50; // 50px
    boolean includeEdge = false;
    (new GridSpacingItemDecoration(spanCount, spacing, includeEdge));

如果你了别人的RecycleView 上拉加载下拉刷新，addItemDecoration 这个方法不一定会给你加上，你可以在源码上自行添加。

public void addItemDecoration( decor) {
(decor,-1);
}
其实还有一种比较巧妙的办法，就是在item的布局里面搞事情

举个例子.jpg

图画的有点丑，用代码来说话

<RelativeLayout
    android:layout_width="165dp"
    android:layout_height="280dp"
    android:background="@color/white"
    android:orientation="vertical">

里面这个RelativeLayout就是你的item正常的布局，而LinearLayout 这个根部局我设置了他的背景色为透明的，再加一个padding就行了，这个padding就是设置item的间距，这样设置item的间距了。

所以说RecyclerView的Item的间距都可以通过item里面设置padding，margin来解决，这种办法相对巧妙。

秒客网

RecyclerView 设置item之间的间距

相关文章