Android ViewPager嵌套WebView横屏无法垂直滚动及高度异常问题

看起来你碰到了两个挺常见的Android布局和滚动事件问题，我来一步步帮你解决：

问题1：ViewPager高度超出屏幕尺寸 #

可能原因 #

默认的ViewPager对wrap_content的支持不太友好，很多时候它会直接占满父容器高度；如果布局里嵌套了ScrollView，还会导致ViewPager无限延伸超出屏幕。另外，要是父布局没正确约束ViewPager的上下边界（比如没考虑Toolbar和TabLayout的高度），也会出现这个问题。

解决方案 #

方案A：自定义支持wrap_content的ViewPager

创建一个自定义ViewPager类，重写onMeasure方法，让它能根据子Fragment的内容计算高度：

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;
        // 遍历所有子View，取最高的高度作为ViewPager的高度
        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;
        }
        heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

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

<com.yourpackage.WrapContentHeightViewPager
    android:id="@+id/viewPager"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintTop_toBottomOf="@id/tabLayout"
    app:layout_constraintBottom_toBottomOf="parent"/>

方案B：用ConstraintLayout约束边界

如果你的布局用的是ConstraintLayout，直接把ViewPager的顶部约束到TabLayout底部，底部约束到父布局底部，让它只占据中间可用空间：

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.appbar.AppBarLayout
        android:id="@+id/appBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent">

        <androidx.appcompat.widget.Toolbar
            ... />

        <com.google.android.material.tabs.TabLayout
            android:id="@+id/tabLayout"
            ... />
    </com.google.android.material.appbar.AppBarLayout>

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintTop_toBottomOf="@id/appBar"
        app:layout_constraintBottom_toBottomOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

这里ViewPager高度设为0dp，让ConstraintLayout自动计算可用高度，不会超出屏幕。

问题2：横屏模式下WebView无法垂直滚动，触摸Toolbar/TabLayout可滚动 #

可能原因 #

这个问题大概率是滚动事件被父容器拦截了——比如你的ViewPager外面嵌套了ScrollView或NestedScrollView，触摸WebView时，滚动事件被外层容器消费，导致WebView无法响应自身的滚动。另外，也可能是WebView的滚动设置被意外禁用了。

解决方案 #

方案A：移除外层不必要的ScrollView

先检查布局，如果ViewPager外面套了ScrollView，直接删掉！ViewPager本身支持横向滚动，WebView也自带垂直滚动，嵌套ScrollView只会导致事件冲突和布局混乱。

方案B：让WebView请求拦截触摸事件

如果必须保留外层滚动容器（不推荐），可以在WebView所在的Fragment里，给WebView设置触摸监听，强制父容器不拦截事件：

webView.setOnTouchListener((v, event) -> {
    v.getParent().requestDisallowInterceptTouchEvent(true);
    if (event.getAction() == MotionEvent.ACTION_UP) {
        v.getParent().requestDisallowInterceptTouchEvent(false);
    }
    return false;
});

这样触摸WebView时，父容器就不会抢占滚动事件，WebView就能正常滚动了。

方案C：检查WebView的滚动设置

确保WebView的滚动功能是启用的，初始化时添加：

WebSettings webSettings = webView.getSettings();
webSettings.setVerticalScrollBarEnabled(true);
webSettings.setScrollContainer(true);

如果需要缩放功能，也可以加上：

webSettings.setBuiltInZoomControls(true);
webSettings.setDisplayZoomControls(false);

最后建议先排查布局嵌套问题，这是最常见的根源。如果还是不行，可以打印触摸事件日志，看看事件到底被哪个View消费了，方便精准定位。

内容的提问来源于stack exchange，提问作者gabriele d'ambruoso