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

如圖中紅色箭頭所示方向切換輪播圖,很容易觸發(fā)下拉刷新。網(wǎng)上查了很多方法,發(fā)現(xiàn)都不能很好的解決,于是自己研究了下。
我選用的第三方控件
1.下拉刷新我選用的是chanven的CommonPullToRefresh(系統(tǒng)自帶的SwipeRefreshLayout也應(yīng)該是一樣的道理);
2.輪播圖選用的是daimajia的AndroidImageSlider(用ViewPager也是一樣的道理)。具體界面自行腦補(bǔ)哈。
解決方案
我們仔細(xì)分析一下,我們要解決的實(shí)際上就是控件的事件攔截問題。現(xiàn)在的情況是外層的控件已經(jīng)攔截了斜著滑動的事件,那么我們只要讓外層的控件把這個事件分發(fā)下去就可以了【在dispatchTouchEvent(MotionEvent ev)方法中處理】,那么問題來了,怎么判斷斜著的事件。網(wǎng)上有很多方案,但都不是很完美。我想到了一種,跟大家分享一下,先看圖:

方案分析
1.圖一中x=y,作為臨界條件,這時α剛好等于45°;
2.圖二中x<y,α>45°,這時我們判斷為上下移動;
3.圖三中x>y,α<45°,這時我們判斷為左右移動。
那么我們只要判斷tan(α)與tan(45)的關(guān)系就能判斷是左右還是上下移動。我們寫一個類繼承PtrClassicFrameLayout,下面是關(guān)鍵代碼:
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); }}我們可以看到,其實(shí)很簡單,關(guān)鍵就是判斷當(dāng)前位置相對于初始位置的滑動方向。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選