实现RecyclerView与SwipeRefreshLayout指示器联动下拉（仿Instagram）

嘿，我完全懂你想要的效果——下拉刷新时，RecyclerView能跟着刷新指示器一起向下移动，而不是让指示器直接悬浮在列表上方。默认的SwipeRefreshLayout确实是把指示器放在内容视图的上层，要搞定这个需求，我们可以通过自定义SwipeRefreshLayout来修改它的布局逻辑，让子视图（也就是你的RecyclerView）和指示器同步偏移。

方案一：自定义SwipeRefreshLayout（推荐） #

这个方法直接修改系统控件的行为，适配性最好，不用自己重新造下拉刷新的轮子。

1. 编写自定义SwipeRefreshLayout类 #

创建一个继承自SwipeRefreshLayout的类，重写onLayout方法，让RecyclerView跟着刷新指示器的偏移量同步移动：

public class CustomSwipeRefreshLayout extends SwipeRefreshLayout {

    private View mContentChild;

    public CustomSwipeRefreshLayout(Context context) {
        super(context);
        init();
    }

    public CustomSwipeRefreshLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        // 初始化时获取子视图（这里就是你的RecyclerView）
        if (getChildCount() > 0) {
            mContentChild = getChildAt(0);
        }
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        if (mContentChild == null) return;

        // 获取刷新指示器的下拉偏移量（通过反射拿到系统内部的圆圈视图）
        int circleOffset = getCircleViewOffset();
        // 让RecyclerView跟着这个偏移量向下移动
        mContentChild.setTranslationY(circleOffset);
    }

    // 反射获取刷新圆圈的偏移量，逻辑参考了SwipeRefreshLayout的源码
    private int getCircleViewOffset() {
        try {
            Field circleViewField = SwipeRefreshLayout.class.getDeclaredField("mCircleView");
            circleViewField.setAccessible(true);
            View circleView = (View) circleViewField.get(this);
            // 计算圆圈相对于父布局顶部的偏移量
            return circleView.getTop() - getPaddingTop();
        } catch (NoSuchFieldException | IllegalAccessException e) {
            e.printStackTrace();
            return 0;
        }
    }
}

2. 修改XML布局文件 #

把原来的SwipeRefreshLayout替换成我们自定义的类，注意替换成你自己的包名：

<com.yourapp.package.CustomSwipeRefreshLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/swipe_refresh_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</com.yourapp.package.CustomSwipeRefreshLayout>

注意事项 #

• 如果你用的是AndroidX版本的SwipeRefreshLayout（androidx.swiperefreshlayout.widget.SwipeRefreshLayout），记得把自定义类里的继承和反射对应的类改成AndroidX版本，避免报错。
• 反射的方式虽然简单，但如果系统控件内部字段名在新版本中变更，可能会失效。如果担心兼容性，也可以通过监听下拉手势手动计算偏移量，但反射方式目前在大多数Android版本中都能正常工作。

方案二：手动实现下拉刷新（备选） #

如果你不想用反射，也可以自己搭建布局：把ProgressBar放在RecyclerView的上方，用NestedScrollView或自定义手势处理下拉逻辑，让RecyclerView和ProgressBar一起向下移动。不过这种方式需要自己处理下拉状态、刷新逻辑，不如方案一省心，优先推荐方案一。

内容的提问来源于stack exchange，提问作者Buni