如何实现含ViewPager与RecyclerView的Android全屏滚动布局？

我遇到过一模一样的问题！核心原因是默认的ViewPager在设置wrap_content时，不会根据内部子View（尤其是RecyclerView这种可滚动组件）的真实高度来计算自身高度，导致ScrollView无法感知到整个内容的实际高度，只能让ViewPager自己内部滚动。

下面是我亲测有效的解决方案：

步骤1：自定义支持WrapContent的ViewPager #

创建一个继承自ViewPager的自定义类，重写onMeasure方法，让它能根据当前显示页面的高度自动调整自身高度：

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import androidx.viewpager.widget.ViewPager; // 若使用support库则替换为android.support.v4.view.ViewPager

public class WrapContentHeightViewPager extends ViewPager {

    public WrapContentHeightViewPager(Context context) {
        super(context);
    }

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

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int desiredHeight = 0;
        // 遍历所有子页面，获取当前显示页面的实际高度
        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
            int childHeight = child.getMeasuredHeight();
            if (childHeight > desiredHeight) {
                desiredHeight = childHeight;
            }
        }

        // 把测量后的高度设置给ViewPager
        if (desiredHeight > 0) {
            heightMeasureSpec = MeasureSpec.makeMeasureSpec(desiredHeight, MeasureSpec.EXACTLY);
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

步骤2：替换布局中的ViewPager #

把主布局里的默认ViewPager替换成这个自定义ViewPager，注意替换包名为你自己的项目包名：

<!-- 替换前的默认ViewPager -->
<!-- <android.support.v4.view.ViewPager android:layout_height="match_parent" android:layout_width="match_parent" android:id="@+id/viewpager_char_id"></android.support.v4.view.ViewPager> -->

<!-- 替换为自定义ViewPager -->
<com.your.package.name.WrapContentHeightViewPager
    android:id="@+id/viewpager_char_id"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" /> <!-- 保持wrap_content即可 -->

步骤3：确保RecyclerView正确配置 #

在加载RecyclerView的Fragment里，需要让RecyclerView支持wrap_content的高度计算：

RecyclerView recyclerView = view.findViewById(R.id.character_recyclerview);
LinearLayoutManager layoutManager = new LinearLayoutManager(getContext());
layoutManager.setAutoMeasureEnabled(true); // 关键：开启自动测量，让RecyclerView能计算wrap_content的高度
recyclerView.setLayoutManager(layoutManager);
recyclerView.setAdapter(yourRecyclerViewAdapter);

为什么这样能解决问题？ #

• 默认ViewPager的onMeasure方法只会按照当前可见区域的高度来测量自己，不会考虑内部RecyclerView的完整内容高度
• 自定义ViewPager会遍历所有子页面，获取当前显示页面的真实高度，然后把自身高度设置为这个值，这样ScrollView就能感知到整个内容的总高度，从而实现全屏滚动
• 切换ViewPager页面时，自定义ViewPager会重新测量高度，适配不同页面的内容

额外注意事项 #

• 确保ScrollView只有一个直接子View（你的布局里已经是这样，ScrollView包裹了一个LinearLayout，这是正确的）
• 不要给自定义ViewPager设置固定高度，保持wrap_content
• 如果使用AndroidX库，确保导入的ViewPager是androidx.viewpager.widget.ViewPager

内容的提问来源于stack exchange，提问作者Никита Мостоцкий