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

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

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

    // 輪播滾動(dòng)事件監(jiān)聽(tīng)
    $('.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縱向滑動(dòng),父控件不強(qiáng)制請(qǐng)求放行事件,這段邏輯主要是不影響外層垂直滑動(dòng)控件的滑動(dòng)
                        //js端控制滑動(dòng)與app端的標(biāo)準(zhǔn)不一樣,所以結(jié)合上面的onSliderMove:function方法來(lái)判斷
                        //如果H5端控件已經(jīng)產(chǎn)生滑動(dòng)時(shí)則必須請(qǐng)求父控件放行事件
                        //如果有些開(kāi)源控件沒(méi)有類(lèi)似onSliderMove方法時(shí),只需提供控件是否產(chǎn)生滑動(dòng)就行,原理都是一樣
                        isBeingDrag = true;
                        window.Android.requestEvent(false);
                    }
                }
                break;
            case "touchend":
                window.Android.requestEvent(false);
                break;
        }
    });

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

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

   /**
     * js交互類(lèi)
     */
    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í)行.如果您的界面中沒(méi)有涉及即有水平又有垂直滑動(dòng)的復(fù)雜嵌套,js代碼也可以簡(jiǎn)單化,只需要監(jiān)聽(tīng)touchstart, touchend事件即可

---

小細(xì)節(jié)：requestDisallowInterceptTouchEvent()方法在SwipeRefreshLayout中可能會(huì)不生效,此方法在SwipeRefreshLayout中被重寫(xiě),在SDK22以下版本的V4包中,此方法什么都不執(zhí)行,google的版本問(wèn)題甚是頭疼,要解決這問(wèn)題就是下拉刷新嵌套的控件去實(shí)現(xiàn)NestedScroll,設(shè)置isNestedScrollingEnabled值為true,google也有寫(xiě)好的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的第一個(gè)child沒(méi)有實(shí)現(xiàn)NestedScroll時(shí)不能申請(qǐng)到上層控件不攔截事件,
            //這也是為什么SwipeRefreshLayout嵌套很多控件下拉刷新會(huì)有沖突的原因,子控件無(wú)法傳遞requestDisallowInterceptTouchEvent
        } else {
            super.requestDisallowInterceptTouchEvent(b);
        }
    }

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

更多文章請(qǐng)關(guān)注:http://www.reibang.com/u/b1cff340957c

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