实现垂直滑动ViewPager嵌套WebView的连续滑动及相关问题咨询

嘿，我来帮你搞定这两个嵌套滑动场景里的常见痛点！下面分问题给你具体的实现方案：

要实现这个，核心是等WebView加载完所有内容后，动态把它的高度调整为内容的实际高度。这里有两种可靠的实现方式：

• 方式一：监听页面加载完成，通过WebView API获取高度
  给WebView设置自定义WebViewClient，在onPageFinished回调里拿到内容高度，再更新布局参数：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        // 获取WebView内容的原始高度，再转换为当前屏幕像素
        int contentHeight = view.getContentHeight();
        int actualHeight = (int) (contentHeight * view.getScale());
        
        ViewGroup.LayoutParams params = view.getLayoutParams();
        params.height = actualHeight;
        view.setLayoutParams(params);
    }
});

• 方式二：用JS获取更精准的内容高度（适配动态渲染页面）
  如果你的HTML里有JS动态生成的内容，onPageFinished可能会在动态内容加载前触发，这时候用evaluateJavascript获取页面实际高度更靠谱：

webView.setWebViewClient(new WebViewClient() {
    @Override
    public void onPageFinished(WebView view, String url) {
        super.onPageFinished(view, url);
        view.evaluateJavascript("document.body.scrollHeight;", new ValueCallback<String>() {
            @Override
            public void onReceiveValue(String value) {
                // 把JS返回的字符串高度转成整数，再设置给WebView
                int contentHeight = Integer.parseInt(value.replace("\"", ""));
                int actualHeight = (int) (contentHeight * view.getScale());
                
                ViewGroup.LayoutParams params = view.getLayoutParams();
                params.height = actualHeight;
                view.setLayoutParams(params);
            }
        });
    }
});

⚠️ 注意：WebView的父布局（ViewPager的item布局）初始高度不要设为match_parent或固定值，建议设为wrap_content，这样动态调整高度才会生效。

这个问题的核心是触摸事件的拦截与分发：让WebView优先处理滚动，只有当它滚不动的时候（到顶或到底），再把滑动事件交给ViewPager处理。这里推荐两种实现思路：

思路一：自定义WebView，控制事件传递 #

写一个继承自WebView的自定义类，在触摸事件里判断是否能继续滚动，再决定是否让父布局（ViewPager）处理事件：

public class ScrollableWebView extends WebView {
    public ScrollableWebView(Context context) {
        super(context);
    }

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

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 判断能否向上/向下滚动
        boolean canScrollUp = canScrollVertically(-1); // 不在顶部，还能往上滚
        boolean canScrollDown = canScrollVertically(1); // 不在底部，还能往下滚

        if (event.getAction() == MotionEvent.ACTION_MOVE) {
            // 向上滑但已经到顶，或者向下滑但已经到底，就让父布局处理滑动（切换ViewPager页面）
            if ((event.getY() < getScrollY() && !canScrollUp) || 
                (event.getY() > getScrollY() && !canScrollDown)) {
                getParent().requestDisallowInterceptTouchEvent(false);
                return false;
            } else {
                // 还能滚动，就自己消费事件，不让ViewPager拦截
                getParent().requestDisallowInterceptTouchEvent(true);
            }
        }
        return super.onTouchEvent(event);
    }
}

之后在布局里用这个ScrollableWebView代替原生WebView即可。

思路二：自定义ViewPager，拦截事件判断 #

另一种方式是修改ViewPager的事件拦截逻辑，判断当前显示的WebView是否能滚动，再决定是否进行页面切换：

public class CustomViewPager extends ViewPager {
    private WebView currentWebView;
    private float lastTouchY;

    public CustomViewPager(Context context) {
        super(context);
        initPageChangeListener();
    }

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

    private void initPageChangeListener() {
        addOnPageChangeListener(new OnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                // 根据当前页面位置，获取对应的WebView（需要根据你的PagerAdapter实现调整）
                View itemView = getChildAt(position);
                if (itemView != null) {
                    currentWebView = itemView.findViewById(R.id.your_webview_id);
                }
            }

            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}
            @Override
            public void onPageScrollStateChanged(int state) {}
        });
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if (currentWebView == null) return super.onInterceptTouchEvent(ev);

        boolean canScrollUp = currentWebView.canScrollVertically(-1);
        boolean canScrollDown = currentWebView.canScrollVertically(1);

        if (ev.getAction() == MotionEvent.ACTION_MOVE) {
            float deltaY = ev.getY() - lastTouchY;
            // 向上滑但WebView还能滚，或者向下滑但WebView还能滚，就不拦截事件，让WebView处理
            if ((deltaY < 0 && canScrollUp) || (deltaY > 0 && canScrollDown)) {
                return false;
            }
        }
        lastTouchY = ev.getY();
        // 否则拦截事件，进行ViewPager页面切换
        return super.onInterceptTouchEvent(ev);
    }
}

⚠️ 注意：这种方式需要确保能正确获取到当前显示的WebView，你可能需要根据自己的PagerAdapter逻辑调整获取WebView的代码。

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