RecyclerView沒有可以直接設置間距的屬性,但看了源碼之后可以發現RecyclerView有個內部類ItemDecoration,可以用ItemDecoration來裝飾一個item,所以繼承重寫ItemDecoration就可以實現間距了。我看了以下,網上很多類似的介紹,但是大多都只考慮到LinearLayoutManager這種
這是LinearLayoutManager設置Item間距的的一個輔助類
public class SpacesItemDecoration extends RecyclerView.ItemDecoration {
private int space;
public SpacesItemDecoration(int space) {
this.space = space;
}
@Override
public void getItemOffsets(Rect outRect, View view,
RecyclerView parent, RecyclerView.State state) {
outRect.left = space;
outRect.right = space;
outRect.bottom = space;
// Add top margin only for the first item to avoid double space between items
if (parent.getChildPosition(view) == 0)
outRect.top = space;
}
}
設置item間距
int space = 8;
mRecyclerView.addItemDecoration(new SpacesItemDecoration(spacingInPixels));
但是我的項目是網格布局啊,GridLayoutManager,上面這種辦法也不行啊,先看看效果,再講講我的辦法
RecyclerView設置Item的間距.jpg
我的間距只有10dp,看上去不是特別明顯,但是效果是有的,是吧
這里是GridLayoutManager或者StaggeredGridLayoutManager 設置Item間距的辦法
/**
* GridLayoutManager(網格布局)設置item的間隔
*
* 作者: 周旭 on 2017年7月20日 0020.
* 郵箱:374952705@qq.com
* 博客:http://www.lxweimin.com/u/56db5d78044d
*/
public class GridSpacingItemDecoration extends RecyclerView.ItemDecoration {
private int spanCount; //列數
private int spacing; //間隔
private boolean includeEdge; //是否包含邊緣
public GridSpacingItemDecoration(int spanCount, int spacing, boolean includeEdge) {
this.spanCount = spanCount;
this.spacing = spacing;
this.includeEdge = includeEdge;
}
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
//這里是關鍵,需要根據你有幾列來判斷
int position = parent.getChildAdapterPosition(view); // item position
int column = position % spanCount; // item column
if (includeEdge) {
outRect.left = spacing - column * spacing / spanCount; // spacing - column * ((1f / spanCount) * spacing)
outRect.right = (column + 1) * spacing / spanCount; // (column + 1) * ((1f / spanCount) * spacing)
if (position < spanCount) { // top edge
outRect.top = spacing;
}
outRect.bottom = spacing; // item bottom
} else {
outRect.left = column * spacing / spanCount; // column * ((1f / spanCount) * spacing)
outRect.right = spacing - (column + 1) * spacing / spanCount; // spacing - (column + 1) * ((1f / spanCount) * spacing)
if (position >= spanCount) {
outRect.top = spacing; // item top
}
}
}
}
調用的地方
int spanCount = 3; // 3 columns
int spacing = 50; // 50px
boolean includeEdge = false;
mRecyclerView.addItemDecoration(new GridSpacingItemDecoration(spanCount, spacing, includeEdge));
如果你了別人的RecycleView 上拉加載下拉刷新,addItemDecoration 這個方法 不一定會給你加上,你可以在源碼上自行添加。
public void addItemDecoration(RecyclerView.ItemDecoration decor) {
mRecyclerView.addItemDecoration(decor,-1);
}
其實還有一種比較巧妙的辦法,就是在item的布局里面搞事情
舉個例子.jpg
111.png
圖畫的有點丑,用代碼來說話
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="185dp"
android:layout_height="wrap_content"
android:orientation="vertical"
android:background="@color/transparent"
android:padding="10dp">
<RelativeLayout
android:layout_width="165dp"
android:layout_height="280dp"
android:background="@color/white"
android:orientation="vertical">
</RelativeLayout>
</LinearLayout>
里面這個RelativeLayout就是你的item正常的布局,而LinearLayout 這個根部局我設置了他的背景色為透明的,再加一個padding就行了,這個padding就是設置item的間距,這樣設置item的間距了。
所以說RecyclerView的Item的間距都可以通過item里面設置padding,margin來解決,這種辦法相對巧妙。