RecyclerView 搭配 GridLayoutManager 蠕趁，通過添加ItemDecoration實現列表間距，一般效果如下：
item-1.png
如果當某行元素不滿時赊窥，希望item布局水平居中泻仙，即圖二效果乞而，該怎么實現呢。
item-2.png
由于圖二是在圖一基礎上擴展的荒适，先簡單說明圖一的實現過程梨熙，類似這樣的實現，例子也非常的多刀诬。
直接上代碼
public class GridSpaceDecoration extends RecyclerView.ItemDecoration {
//間距
private int mSpace;
public GridSpaceDecoration(Context context, int dpValue) {
this.mSpace = (int) DipAndPix.dip2px(context, dpValue);
}
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
GridLayoutManager manager = (GridLayoutManager) parent.getLayoutManager();
//獲取每行的個數
int spanCount = manager.getSpanCount();
//獲取當前位置
int position = parent.getChildAdapterPosition(view);
//當前列
int column = position % spanCount;
//計算垂直方向上的間距咽扇，當不是首行時
if (position >= spanCount) {
//添加垂直方向上的間距
outRect.top = mSpace;
}
//計算水平方向的間距
outRect.left = column * mSpace / spanCount; // column * ((1f / spanCount) * spacing)
outRect.right = mSpace - (column + 1) * mSpace / spanCount; // spacing - (column + 1) * ((1f / spanCount) * spacing)
}
}
可以看到，主要有兩點：
1.根據第N列計算左右間距；
2.根據第N行計算上下間距
那么思路就來了质欲，我們可以通過計算左右兩側的邊距來實現居中树埠！
1.我們先根據recyclerView和item的寬度，計算每個item的間距
//一行需要顯示4個item
int count = 4;
//recyclerView的寬度
int rvWidth = xxxx;
//每個item的寬度
int itemWidth = xxxx;
//計算間距
int space = (rvWidth - count * itemWidth) / (count - 1);
2.當某行元素不滿4的時候把敞，如整個列表元素長度是7弥奸，那么第二行元素只有3個，這時候需要計算第二行第一個元素的左邊距奋早，直接上代碼盛霎。
public class GridSpaceDecoration extends RecyclerView.ItemDecoration {
//列表item的總個數
private int mTotalCount;
//recyclerView的寬度
private int mTotalWidth;
//每個item的寬度
private int mItemWidth;
//間距
private int mSpace;
public GridSpaceDecoration(int totalCount, int totalWidth, int itemWidth, int space) {
this.mTotalCount = totalCount;
this.mTotalWidth = totalWidth;
this.mItemWidth = itemWidth;
this.mSpace = space;
}
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
GridLayoutManager manager = (GridLayoutManager) parent.getLayoutManager();
//獲取每行的個數
int spanCount = manager.getSpanCount();
//獲取當前位置
int position = parent.getChildAdapterPosition(view);
//當前列
int column = position % spanCount;
//計算垂直方向上的間距，當不是首行時
if (position >= spanCount) {
//添加垂直方向上的間距
outRect.top = mSpace;
}
//獲取左邊距
int leftMargin = getLeftMargin(position, spanCount);
outRect.left = column * mSpace / spanCount + leftMargin;
outRect.right = mSpace - (column + 1) * mSpace / spanCount;
}
/**
* 根據位置耽装，判斷在第幾行愤炸，0，1掉奄，2规个，3
*/
private int getRow(int position, int spanCount) {
return position / spanCount;
}
/**
* 返回第N行會有多少個元素
*/
private int getRowCount(int row, int spanCount) {
if ((row + 1) * spanCount <= mTotalCount) {
return spanCount;
} else {
return mTotalCount - row * spanCount;
}
}
/**
* 獲取左側的邊距
*/
private int getLeftMargin(int position, int spanCount) {
//判斷是第幾行
int row = getRow(position, spanCount);
//該行有多少個元素
int rowCount = getRowCount(row, spanCount);
//如果該行元素都滿了
if (rowCount == spanCount) {
return 0;
} else {
return (mTotalWidth - (rowCount * mItemWidth + (rowCount - 1) * mSpace)) / 2;
}
}
}
對于每個item，計算它在第幾行姓建，判斷所在行的元素是否滿了诞仓。如果滿了，則不需要額外添加左邊距速兔；如果不滿墅拭，則計算左邊距。注意涣狗，這里每個元素都需要設置左邊距谍婉，實際上就是相當于整體右移。
如何使用?
recyclerView.addItemDecoration(new GridSpaceDecoration(...))
只需要recycleView設置該ItemDecoration即可 !
