RelativeLayout中ViewPager占满高度致下方TextView无法显示问题求助

嘿，我之前也踩过这个ViewPager的坑！你遇到的问题本质是ViewPager的wrap_content属性并没有真正生效——默认的ViewPager不会根据内部Fragment的内容自动计算高度，在RelativeLayout里它会默认占满父布局的剩余空间，直接把下方的TextView给挤出去了，这就是为啥你设固定高度时TextView能显示的原因。

下面给你两个靠谱的解决方案，按需选择：

方案一：自定义ViewPager实现真正的wrap_content #

写一个继承自ViewPager的自定义类，让它能根据当前显示的Fragment高度来计算自身高度，这样就不用写死固定dp了：

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 height = 0;
        // 遍历当前ViewPager的所有子View，获取最高的那个高度作为自身高度
        for (int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
            int h = child.getMeasuredHeight();
            if (h > height) height = h;
        }

        if (height != 0) {
            heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);
        }

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

然后在你的布局文件里替换原来的ViewPager：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.yourpackage.WrapContentHeightViewPager
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/container"
        android:text="我是ViewPager下方的静态文本" />

</RelativeLayout>

这样ViewPager就会根据当前Fragment的高度自适应，TextView就能正常显示在它下方了。

方案二：改用ConstraintLayout（推荐） #

RelativeLayout的约束逻辑比较有限，换成ConstraintLayout能更灵活地控制布局关系，而且不用自定义View：

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ViewPager
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toTopOf="@+id/bottom_text" />

    <TextView
        android:id="@+id/bottom_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="我是ViewPager下方的静态文本"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toBottomOf="@id/container" />

</androidx.constraintlayout.widget.ConstraintLayout>

这里给ViewPager设置layout_height="0dp"，然后用约束让它顶到父布局顶部，底到TextView的顶部；TextView则顶到ViewPager底部，底到父布局底部。这样ViewPager会自动占满除了TextView之外的所有空间，完美解决遮挡问题，还适配各种屏幕尺寸。

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