Android RecyclerView时间线装饰器TimelineItemDecoration

这篇文章介绍了如何使用 TimelineItemDecoration 为 Android RecyclerView 创建时间线视图。

以下是 TimelineItemDecoration 类的代码：

public class TimelineItemDecoration extends RecyclerView.ItemDecoration {
    private final Paint paint;
    private final int radius;

    public TimelineItemDecoration(Context context) {
        paint = new Paint();
        paint.setColor(Color.BLACK);
        radius = context.getResources().getDimensionPixelSize(R.dimen.timeline_dot_radius);
    }

    @Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
        int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            View child = parent.getChildAt(i);
            int position = parent.getChildAdapterPosition(child);

            int centerX = child.getLeft() / 2;
            int centerY = child.getTop() + child.getHeight() / 2;

            // 绘制竖线
            c.drawLine(centerX, 0, centerX, centerY - radius, paint);

            // 绘制小圆点
            c.drawCircle(centerX, centerY, radius, paint);
        }
    }
}

使用方法：

1. 在你的 dimens.xml 文件中定义 timeline_dot_radius 尺寸：

<dimen name='timeline_dot_radius'>4dp</dimen>

2. 将 TimelineItemDecoration 添加到你的 RecyclerView 中：

recyclerView.addItemDecoration(new TimelineItemDecoration(this));

代码说明：

• TimelineItemDecoration 类继承自 RecyclerView.ItemDecoration，它允许你自定义 RecyclerView 项的绘制方式。
• onDrawOver() 方法在 RecyclerView 的子项绘制完成后被调用，允许你在它们之上绘制内容。
• 代码迭代 RecyclerView 的每个子项，并使用 child.getLeft() 和 child.getTop() 获取其位置。
• 然后，它使用 Canvas 对象绘制竖线和小圆点，创建时间线效果。
• 你可以通过修改 paint 对象来自定义线条和圆点的颜色和样式。

希望这可以帮助你创建自己的时间线视图！