DrawerLayout设wrap_content仍被内部ViewPager占满全屏问题求助

我之前也碰到过一模一样的情况！明明给DrawerLayout设了wrap_content，里面的ViewPager还是硬生生占满整个屏幕，折腾了好一会儿才找到原因和解决办法，分享给你：

为什么会出现这个问题？ #

主要有两个核心原因：

• DrawerLayout的测量逻辑：它的主内容区域（第一个子View）默认会被强制拉伸填充可用空间，哪怕你给DrawerLayout设了wrap_content，只要主内容View是match_parent，DrawerLayout就会跟着占满屏幕。
• ViewPager的默认行为：ViewPager本身的onMeasure方法默认会忽略wrap_content属性，强制使用父布局的可用高度——毕竟它的设计初衷是适配全屏滑动的页面场景。

解决方案 #

方法一：自定义ViewPager，让它真正支持wrap_content #

写一个简单的自定义ViewPager，重写onMeasure方法，让它根据当前显示的页面内容高度来调整自身尺寸：

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 childView = getChildAt(i);
            childView.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
            int childHeight = childView.getMeasuredHeight();
            if (childHeight > desiredHeight) {
                desiredHeight = childHeight;
            }
        }

        // 如果找到有效高度，就用这个高度来测量ViewPager
        if (desiredHeight > 0) {
            heightMeasureSpec = MeasureSpec.makeMeasureSpec(desiredHeight, MeasureSpec.EXACTLY);
        }

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

然后在XML布局里用这个自定义ViewPager代替原生的：

<your.package.name.WrapContentHeightViewPager
    android:id="@+id/viewPager"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

方法二：用布局容器约束ViewPager的大小 #

如果你的页面有固定的顶部/底部元素（比如Toolbar、底部导航栏），可以用ConstraintLayout或者LinearLayout作为主内容区域的根布局，把ViewPager夹在这些元素之间，限制它的高度：

<androidx.drawerlayout.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <!-- 主内容区域：用ConstraintLayout控制布局 -->
    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <com.google.android.material.appbar.MaterialToolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_constraintTop_toTopOf="parent"/>

        <androidx.viewpager2.widget.ViewPager2
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toBottomOf="@id/toolbar"
            app:layout_constraintBottom_toBottomOf="parent"/>

    </androidx.constraintlayout.widget.ConstraintLayout>

    <!-- 侧边栏 -->
    <com.google.android.material.navigation.NavigationView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"/>

</androidx.drawerlayout.widget.DrawerLayout>

额外注意点 #

一定要确保DrawerLayout的**第一个子View（主内容区域）**的宽高设置为wrap_content，而不是match_parent，否则DrawerLayout会直接继承这个子View的全屏尺寸，忽略自身的wrap_content属性。

你可以先试试自定义ViewPager的方法，我当时就是靠这个解决的问题！

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