Android下拉刷新與輪播圖滑動沖突解決方案

最近在開發中遇到了這樣一個問題，在下拉刷新組件中包含了一個輪播圖組件，當左右滑動的圖片時很容易觸發下拉刷新，如下圖所示：

如圖中紅色箭頭所示方向切換輪播圖，很容易觸發下拉刷新。網上查了很多方法，發現都不能很好的解決，於是自己研究了下。

我選用的第三方控件

1.下拉刷新我選用的是chanven的CommonPullToRefresh（系統自帶的SwipeRefreshLayout也應該是一樣的道理）;

2.輪播圖選用的是daimajia的AndroidImageSlider（用ViewPager也是一樣的道理）。具體界面自行腦補哈。

解決方案

我們仔細分析一下，我們要解決的實際上就是控件的事件攔截問題。現在的情況是外層的控件已經攔截了斜著滑動的事件，那麼我們只要讓外層的控件把這個事件分發下去就可以了【在dispatchTouchEvent(MotionEvent ev)方法中處理】，那麼問題來了，怎麼判斷斜著的事件。網上有很多方案，但都不是很完美。我想到了一種，跟大家分享一下，先看圖：

方案分析

1.圖一中x=y，作為臨界條件，這時α剛好等於45°；

2.圖二中x＜y，α>45°，這時我們判斷為上下移動；

3.圖三中x>y，α<45°，這時我們判斷為左右移動。

那麼我們只要判斷tan(α)與tan(45)的關系就能判斷是左右還是上下移動。我們寫一個類繼承PtrClassicFrameLayout，下面是關鍵代碼：

public class SubPtrClassicFrameLayout extends PtrClassicFrameLayout {

  private float mDownX;
  private float mDownY;

  public SubPtrClassicFrameLayout(Context context) {
    super(context);
  }

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

  public SubPtrClassicFrameLayout(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
  }

  @Override
  public boolean dispatchTouchEvent(MotionEvent ev) {
    switch (ev.getAction()) {
      case MotionEvent.ACTION_DOWN:
        mDownX = ev.getX();
        mDownY = ev.getRawY();
        break;
      case MotionEvent.ACTION_MOVE:
        float moveX = ev.getX();
        float moveY = ev.getRawY();
        float diffX = Math.abs(moveX - mDownX);
        float diffY = Math.abs(moveY - mDownY);
        boolean isHorizon = Math.tan(diffY / diffX) < Math.tan(45.0);
        if (isHorizon) {
          return dispatchTouchEventSupper(ev);
        }
        break;
    }
    return super.dispatchTouchEvent(ev);
  }

}

我們可以看到，其實很簡單，關鍵就是判斷當前位置相對於初始位置的滑動方向。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持本站。