此自定義ItemDecoration采用Builder模式，可根據(jù)需求設(shè)置上下左右分割線的是否顯示、顏色、和分割線的高度。
/**
* @ClassName: LinearItemDecoration
* @Description: 線性Recyclerview分割線
* @Author: CHN_Liao
* @CreateDate: 2020-11-02 16:59
*/
public class LinearItemDecoration extends RecyclerView.ItemDecoration {
private Context mContext;
//頂部是否增加分割線
private boolean isDividerTop = false;
//左邊是否增加分割線
private boolean isDividerLeft = false;
//右邊是否增加分割線
private boolean isDividerRight = false;
//底部是否增加分割線,默認(rèn)為true
private boolean isDividerBottom = true;
//頂部分割線顏色;
private int dividerTopColor;
//左邊分割線顏色;
private int dividerLeftColor;
//右邊分割線顏色;
private int dividerRightColor;
//底部分割線顏色;
private int dividerBottomColor;
//分割線畫筆
private Paint dividerPaint;
//分割線高度
private int dividerHeight = 4;
public LinearItemDecoration(Context context) {
mContext = context;
dividerPaint = new Paint();
//默認(rèn)分割線顏色
dividerTopColor = dividerLeftColor = dividerRightColor = dividerBottomColor = Color.GRAY;
}
@Override
public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
super.getItemOffsets(outRect, view, parent, state);
outRect.bottom = isDividerBottom ? dividerHeight : 0;
outRect.left = isDividerLeft ? dividerHeight : 0;
outRect.right = isDividerRight ? dividerHeight : 0;
outRect.top = isDividerTop ? dividerHeight : 0;
}
@Override
public void onDraw(@NonNull Canvas canvas, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
super.onDraw(canvas, parent, state);
int childCount = parent.getChildCount();
//繪制頭部分割線顏色
drawTop(canvas, parent, childCount);
//繪制左邊分割線顏色
drawLeft(canvas, parent, childCount);
//繪制右邊分割線顏色
drawRight(canvas, parent, childCount);
//繪制底部分割線顏色
drawBottom(canvas, parent, childCount);
}
private void drawTop(@NonNull Canvas canvas, @NonNull RecyclerView parent, int childCount) {
if (!isDividerTop) return;
int left = parent.getPaddingLeft();
int right = parent.getWidth() - parent.getPaddingRight();
for (int i = 0; i < childCount; i++) {
View view = parent.getChildAt(i);
float top = view.getTop() - dividerHeight;
float bottom = view.getTop();
dividerPaint.setColor(dividerTopColor);
canvas.drawRect(left, top, right, bottom, dividerPaint);
}
}
private void drawLeft(@NonNull Canvas canvas, @NonNull RecyclerView parent, int childCount) {
if (!isDividerLeft) return;
int left = parent.getPaddingLeft();
int right = parent.getPaddingLeft() + dividerHeight;
dividerPaint.setColor(dividerLeftColor);
for (int i = 0; i < childCount; i++) {
View view = parent.getChildAt(i);
float top = view.getTop();
float bottom = view.getBottom();
canvas.drawRect(left, top, right, bottom, dividerPaint);
}
}
private void drawRight(@NonNull Canvas canvas, @NonNull RecyclerView parent, int childCount) {
if (!isDividerRight) return;
int left = parent.getRight() - parent.getPaddingRight() - dividerHeight;
int right = parent.getRight() - parent.getPaddingRight();
dividerPaint.setColor(dividerRightColor);
for (int i = 0; i < childCount; i++) {
View view = parent.getChildAt(i);
float top = view.getTop();
float bottom = view.getBottom();
canvas.drawRect(left, top, right, bottom, dividerPaint);
}
}
private void drawBottom(@NonNull Canvas canvas, @NonNull RecyclerView parent, int childCount) {
if (!isDividerBottom) return;
int left = parent.getPaddingLeft();
int right = parent.getWidth() - parent.getPaddingRight();
dividerPaint.setColor(dividerBottomColor);
for (int i = 0; i < childCount - 1; i++) {
View view = parent.getChildAt(i);
float top = view.getBottom();
float bottom = view.getBottom() + dividerHeight;
canvas.drawRect(left, top, right, bottom, dividerPaint);
}
}
public static class Builder {
private Context context;
private LinearItemDecoration itemDecoration;
public Builder(Context context) {
this.context = context;
itemDecoration = new LinearItemDecoration(context);
}
//設(shè)置是否顯示各個(gè)分割線，默認(rèn)顯示底部分割線
public Builder showDividers(boolean top, boolean left, boolean right, boolean bottom) {
itemDecoration.isDividerTop = top;
itemDecoration.isDividerLeft = left;
itemDecoration.isDividerRight = right;
itemDecoration.isDividerBottom = bottom;
return this;
}
//分割線高度(dp)
public Builder dividerHeight(int dividerHeight) {
itemDecoration.dividerHeight = dp2px(dividerHeight);
return this;
}
private int dp2px(float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
//統(tǒng)一分割線顏色
public Builder dividerColor(@ColorRes int color) {
int c = context.getResources().getColor(color);
itemDecoration.dividerTopColor = c;
itemDecoration.dividerLeftColor = c;
itemDecoration.dividerRightColor = c;
itemDecoration.dividerBottomColor = c;
return this;
}
//設(shè)置各個(gè)分割線顏色
public Builder dividerColors(@ColorRes int topColor,@ColorRes int leftColor,@ColorRes int rightColor,@ColorRes int bottomColor) {
itemDecoration.dividerTopColor = context.getResources().getColor(topColor);
itemDecoration.dividerLeftColor = context.getResources().getColor(leftColor);
itemDecoration.dividerRightColor = context.getResources().getColor(rightColor);
itemDecoration.dividerBottomColor = context.getResources().getColor(bottomColor);
return this;
}
public LinearItemDecoration build() {
return itemDecoration;
}
}
}
快速實(shí)現(xiàn)及效果如下：
LinearItemDecoration itemDecoration = new LinearItemDecoration.Builder(this).build();
recyclerView.addItemDecoration(itemDecoration);
效果0.png
其他配置代碼實(shí)現(xiàn)及效果如下：
LinearItemDecoration itemDecoration = new LinearItemDecoration.Builder(this)
// .dividerColor(R.color.green)//統(tǒng)一分割線顏色
.dividerColors(R.color.green,R.color.blue,R.color.colorAccent,R.color.colorPrimaryDark)//設(shè)置各個(gè)分割線的顏色
.showDividers(true,true,true,true)//設(shè)置各個(gè)分割線是否顯示,默認(rèn)只顯示底部分割線
.dividerHeight(4)//設(shè)置分割線高度(單位:dp)
.build();
recyclerView.addItemDecoration(itemDecoration);
效果1.png
