解决android中viewpager和内嵌html滑动事件冲突

最新推荐文章于 2025-06-03 23:12:27 发布

原创最新推荐文章于 2025-06-03 23:12:27 发布 · 3.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #混合开发 #viewpager

在Android项目中，使用Viewpager展示H5页面遇到滑动事件冲突问题。通过设定触摸边缘范围来区分事件处理：边缘滑动由Viewpager负责切换fragment，其余部分交由Webview处理H5内容的滑动。此方案适用于1080像素宽度设备，期待优化建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这几天项目迭代，有个大的板块是整体套用H5来做。由于H5里还有好多小模块，需要一个滑动切换的效果，而android端只是提供一个空的fragment，占据着viewpager的一个板块。最开始的效果滑动起来分外尴尬。。

解决思路是这样的：当我们的触摸点在屏幕的左右边缘的时候，让viewpager来滚动，实现几个fragment之间的切换，如果不是在边缘触发滑动的话，交给webview，由H5做相关的切换处理。

         final DisplayMetrics dm = new DisplayMetrics();
        WindowManager manager = (WindowManager) getActivity().getSystemService(Context.WINDOW_SERVICE);
        manager.getDefaultDisplay().getMetrics(dm);
        mWebview.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        int point = (int) event.getX();
                        if (point > 0 && point < 50 || point > dm.widthPixels - 50 && point < dm.widthPixels) {
                            mWebview.requestDisallowInterceptTouchEvent(false);
                        } else {
                            mWebview.requestDisallowInterceptTouchEvent(true);
                        }
                        break;
                }

                return false;
            }
        });

我使用的手机是宽度1080像素，手势触摸在0~50和1030~1080间的时候做整体的滑动还是比较敏感的，如果这个是fragment滑动的触摸范围太小的话比较困难。这是个比笨的方案了吧。如果有更好的建议请不吝赐教~