本文共 5267 字，大约阅读时间需要 17 分钟。

如何为RecyclerView添加自定义分隔条

在Android开发中，往往需要为RecyclerView添加分隔条，以统一控制间隔宽度和颜色。本文将详细讲解如何创建一个可自定义的RecyclerView分隔条，并实现间隔控制。

背景与需求分析

在设计RecyclerView列表时，间隔控制是一个常见需求。现有系统的间隔控制虽然简单，但在需求复杂度增加时，难以满足多样的颜色和间隔宽度的需要。本文旨在提供一种灵活的解法，即自定义分隔条。

分隔条自定义类的实现

以下是我们设计的自定义RecyclerView分隔条的实现类的代码：

package com.custom.views;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.drawable.ColorDrawable;
import android.graphics.drawable.Drawable;
import android.view.View;
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
public class RecyclerViewDivider extends RecyclerView.ItemDecoration {
    private final Context mContext;
    private final int mOrientation;
    private static final int DEFAULT_INTERVAL = 24;
    private static final int DEFAULT_DIVIDER_COLOR = Color.GRAY;
    private final int mDividerPixel = 2;
    private final int mInterval;
    private final int mDividerColor;
    private final Paint mPaint;
    private final Drawable mDivider;
    public RecyclerViewDivider(Context context, int orientation) {
        this(context, orientation, DEFAULT_INTERVAL, DEFAULT_DIVIDER_COLOR);
    }
    public RecyclerViewDivider(Context context, int orientation, int interval) {
        this(context, orientation, interval, DEFAULT_DIVIDER_COLOR);
    }
    public RecyclerViewDivider(Context context, int orientation, int interval, int color) {
        if (orientation != LinearLayoutManager.HORIZONTAL && orientation != LinearLayoutManager.VERTICAL) {
            throw new IllegalArgumentException("orientation invalid.");
        }
        mContext = context;
        mOrientation = orientation;
        mInterval = interval;
        mDividerColor = color;
        mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
        mPaint.setColor(mDividerColor);
        mPaint.setStyle(Paint.Style.FILL);
        mDivider = new ColorDrawable(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);
        if (mOrientation == LinearLayoutManager.HORIZONTAL) {
            outRect.set(0, 0, mDividerPixel + DEFAULT_INTERVAL, 0);
        } else if (mOrientation == LinearLayoutManager.VERTICAL) {
            outRect.set(0, 0, 0, mDividerPixel + DEFAULT_INTERVAL);
        }
    }
    @Override
    public void onDraw(@NonNull Canvas canvas, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
        super.onDraw(canvas, parent, state);
        if (mOrientation == LinearLayoutManager.HORIZONTAL) {
            drawVertical(canvas, parent);
        } else {
            drawHorizontal(canvas, parent);
        }
    }
    private void drawHorizontal(Canvas canvas, RecyclerView recyclerView) {
        final int left = recyclerView.getPaddingLeft();
        final int right = recyclerView.getMeasuredWidth() - recyclerView.getPaddingLeft();
        final int childSize = recyclerView.getChildCount();
        for (int i = 0; i < childSize - 1; i++) {
            final View child = recyclerView.getChildAt(i);
            RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int top = child.getBottom() + layoutParams.bottomMargin + DEFAULT_INTERVAL / 2;
            final int bottom = top + mDividerPixel;
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(canvas);
            canvas.drawRect(left, top, right, bottom, mPaint);
        }
    }
    private void drawVertical(Canvas canvas, RecyclerView recyclerView) {
        final int top = recyclerView.getPaddingTop();
        final int bottom = recyclerView.getMeasuredHeight() - recyclerView.getPaddingBottom();
        final int childSize = recyclerView.getChildCount();
        for (int i = 0; i < childSize - 1; i++) {
            final View child = recyclerView.getChildAt(i);
            RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();
            final int left = child.getRight() + layoutParams.rightMargin + DEFAULT_INTERVAL / 2;
            final int right = left + mDividerPixel;
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(canvas);
            canvas.drawRect(left, top, right, bottom, mPaint);
        }
    }
}

关键实现细节

1. **类结构与参数初始化**： - 类初始化时，首先检查ossedOrientation是否为水平或垂直，避免使用错误的方向。 - 提供了多个构造函数，用户可根据需求选择初始化参数。

2. 分隔条绘制逻辑：

   • 根据item方向（水平或垂直）调用不同的绘制方法。
   • 在水平方向上，计算左右间隔，确保分隔条居中。
   • 在垂直方向上，计算上下间隔，确保分隔条居中。

3. 间隔控制：

   • 通过间隔宽度和颜色参数，允许用户根据需求调整。
   • 在绘制过程中，结合间隔宽度和间隔数计算出分隔条的位置。

使用方法

创建自定义分隔条时，可按照以下步骤操作：
4. 在布局文件中定义RecyclerView，并设置其布局方向：
2. 在 Java 代码中绘制分隔条：

RecyclerView recyclerView = (RecyclerView) findViewById(R.idrssRecyclerView);
RecyclerViewDivider divider = new RecyclerViewDivider(this, LinearLayoutManager.VERTICAL,
        10, Color.parseColor("#ff0000"));
recyclerView.addItemDecoration(divisor);

优化点说明

- **灵活性**：支持自定义颜色、间隔宽度和方向，满足多样化需求。 - **性能优化**：在绘制过程中避免重复绘制，提升性能表现。 - **可扩展性**：易于在其他方向或设计需求下进行修改和扩展。

通过上述方法，可以轻松实现针对RecyclerView的分隔条需求，同时保持代码的可读性和可维护性。

转载地址：http://qdeqz.baihongyu.com/