這種沖突網(wǎng)上也有一大堆的方法,有用js交互處理返回滑動區(qū)域,在該區(qū)域內(nèi)都不攔截事件, 也有修改WebView的onTouchEvent方法,在ACTION_DOWN時(shí)請求.requestDisallowInterceptTouchEvent(true),在ACTION_MOVE時(shí)再根據(jù)x,y軸的差值比較來判斷是否為水平還是垂直滑動,這里分析下不完善之處
a:
如果WebView中加載的H5頁面或WebView外面嵌套的控件即有水平又有垂直滑動時(shí),這方法就行不通了
b:
android判斷水平與垂直滑動的標(biāo)準(zhǔn)也不是這樣子定義的,在google提供的所有的滑動控件中都可以看到 yDiff>mTouchSlop 或 xDiff > mTouchSlop的代碼, 不僅是判斷差值還要判斷差值大于最小滑動單位才算是水平或垂直滑動

直接上代碼嘍，先是JS部分
(這里會用到j(luò)s交互,與js的事件監(jiān)聽,作者對這塊水平爛,如有寫錯,多多指點(diǎn))

 // 輪播滾動
    var mySwiper = $('.slidepics').swiper({
        loop : true,
        pagination: '.dotted p',
        paginationClickable: true,
        spaceBetween: 30,
        autoplay:3000,
        autoplayDisableOnInteraction:false,
        onSliderMove:function(swiper) {
            //如果光用此方法來申請app原生控件不攔截事件,在快速滑動的時(shí)候可能搶不到事件
            //還要配合下面的touch事件來獲取
            isBeingDrag = true;
            window.Android.requestEvent(true);
        }
    });

    // 輪播滾動事件監(jiān)聽
    $('.slidepics').on('touchstart touchmove touchend touchcancel' , function(event) {
        var touch = event.originalEvent.targetTouches[0];
        switch (event.type) {
            case "touchstart":
                mLastClientX = touch.clientX;
                mLastClientY = touch.clientY;
                isBeingDrag = false;
                window.Android.requestEvent(true);
                break;
            case "touchmove":
                if (!isBeingDrag) {
                    var xDiff = Math.abs(touch.clientX - mLastClientX);
                    var yDiff = Math.abs(touch.clientY - mLastClientY);
                    //console.log(xDiff + "  " + yDiff);
                    if (xDiff >= touchSlop) {
                        isBeingDrag = true;
                    } else if(yDiff > touchSlop) {
                        //產(chǎn)生app縱向滑動,父控件不強(qiáng)制請求放行事件,這段邏輯主要是不影響外層垂直滑動控件的滑動
                        //js端控制滑動與app端的標(biāo)準(zhǔn)不一樣,所以結(jié)合上面的onSliderMove:function方法來判斷
                        //如果H5端控件已經(jīng)產(chǎn)生滑動時(shí)則必須請求父控件放行事件
                        //如果有些開源控件沒有類似onSliderMove方法時(shí),只需提供控件是否產(chǎn)生滑動就行,原理都是一樣
                        isBeingDrag = true;
                        window.Android.requestEvent(false);
                    }
                }
                break;
            case "touchend":
                window.Android.requestEvent(false);
                break;
        }
    });

  //app端的滑動值
  var touchSlop = 0;
  //初次按下時(shí)的x, y軸值
  var mLastClientX, mLastClientY;
  //是否處于滑動中
  var isBeingDrag = false;
  //js附值,在web加載完成時(shí)將android的滑動單位值傳給js
  function initTouchSlop(appTouchSlop) {
      touchSlop = appTouchSlop;
  }

JS端事件代碼邏輯跟app端差不多,android代碼

   /**
     * js交互類
     */
    private class JsCallback {

        @JavascriptInterface
        public void requestEvent(boolean request) {
            Log.i("you", "requestDisallowInterceptTouchEvent " + request+"  "+Thread.currentThread().getName());
            mWebView.requestDisallowInterceptTouchEvent(request);
        }

    }
 　　　　mWebView.setWebViewClient(new WebViewClient() {
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                int touchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
                StringBuilder jsSb = new StringBuilder("javascript:initTouchSlop('").append(touchSlop).append("')");
                mWebView.loadUrl(jsSb.toString());
            }
        });
     

需要注意的是:js交互回調(diào)不是在主線程中執(zhí)行.如果您的界面中沒有涉及即有水平又有垂直滑動的復(fù)雜嵌套,js代碼也可以簡單化,只需要監(jiān)聽touchstart, touchend事件即可

---

小細(xì)節(jié)：requestDisallowInterceptTouchEvent()方法在SwipeRefreshLayout中可能會不生效,此方法在SwipeRefreshLayout中被重寫,在SDK22以下版本的V4包中,此方法什么都不執(zhí)行,google的版本問題甚是頭疼,要解決這問題就是下拉刷新嵌套的控件去實(shí)現(xiàn)NestedScroll,設(shè)置isNestedScrollingEnabled值為true,google也有寫好的NestedScrollView

   @Override
    public void requestDisallowInterceptTouchEvent(boolean b) {
        if ((android.os.Build.VERSION.SDK_INT < 21 && mTarget instanceof AbsListView)
                || (mTarget != null && !ViewCompat.isNestedScrollingEnabled(mTarget))) {
            // Nope.
            // 可以看出SwipeRefreshLayout的第一個child沒有實(shí)現(xiàn)NestedScroll時(shí)不能申請到上層控件不攔截事件,
            //這也是為什么SwipeRefreshLayout嵌套很多控件下拉刷新會有沖突的原因,子控件無法傳遞requestDisallowInterceptTouchEvent
        } else {
            super.requestDisallowInterceptTouchEvent(b);
        }
    }

在使用嵌套下拉刷新SwipeRefreshLayout時(shí)注意V4包的版本,SDK22版本以下是不支持的,H5端的沖突也就沒法處理
如果您有更好的方法解決沖突,請多多指教

更多文章請關(guān)注:http://www.itdecent.cn/u/b1cff340957c

最后附上源碼https://github.com/youxiaochen/WebViewDemo