今天我分享一下ViewPager的雙層嵌套時影響內(nèi)部ViewPager的觸摸滑動問題。
之前在做自己的一個項目的時候，遇到廣告欄圖片動態(tài)切換蝗敢，我第一時間想到的就是ViewPager逗堵，整個軟件只有廣告這一部分ViewPager還好說叶眉，但是軟件越復(fù)雜出現(xiàn)的問題越多慷妙，尤其是遇到ViewPager雙層嵌套問題，找了很多資料
解決方法一：自定義ViewPager做為父ViewPager控件
public class ParentViewPager extends ViewPager {
private int childVPHeight = 0;
public ParentViewPager(Context context) {
super(context);
init(context);
}
public ParentViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
private void init(Context context) {
// 獲取屏幕寬高
WindowManager windowManager = (WindowManager) context.getSystemService(context.WINDOW_SERVICE);
int disWidth = windowManager.getDefaultDisplay().getWidth();
// 根據(jù)屏幕的密度來過去dp值相應(yīng)的px值
childVPHeight = (int) (context.getResources().getDisplayMetrics().density * disWidth + 0.5f);
}
@Override
public boolean onInterceptTouchEvent(MotionEvent arg0) {
// 觸摸在子ViewPager所在的頁面和子ViewPager控件高度之內(nèi)時
// 返回false允悦，此時將會將觸摸的動作傳給子ViewPager
if (getCurrentItem() == 1 && arg0.getY() < childVPHeight) {
return false;
}
return super.onInterceptTouchEvent(arg0);
}
}
此方法雖然簡單可行膝擂，但是會出現(xiàn)虑啤，子ViewPager如果為ScrollView的時候，子ViewPager雖然已經(jīng)滑動到看不到的地方架馋，但是設(shè)定的高度內(nèi)還是不能讓父ViewPager左右滑動狞山，onTouch的動作透過了父Viewpager傳遞到了子控件
解決方法二：自定義Viewpager做為子控件
public class ChildViewPager extends ViewPager {
/** 觸摸時按下的點 **/
PointF downP = new PointF();
/** 觸摸時當前的點 **/
PointF curP = new PointF();
OnSingleTouchListener onSingleTouchListener;
public ChildViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
}
public ChildViewPager(Context context) {
super(context);
}
@Override
public boolean onTouchEvent(MotionEvent arg0) {
// 每次進行onTouch事件都記錄當前的按下的坐標
curP.x = arg0.getX();
curP.y = arg0.getY();
if (arg0.getAction() == MotionEvent.ACTION_DOWN) {
// 記錄按下時候的坐標
// 切記不可用 downP = curP ，這樣在改變curP的時候叉寂，downP也會改變
downP.x = arg0.getX();
downP.y = arg0.getY();
// 此句代碼是為了通知他的父ViewPager現(xiàn)在進行的是本控件的操作萍启，不要對我的操作進行干擾
getParent().requestDisallowInterceptTouchEvent(true);
}
int curIndex = getCurrentItem();
if (curIndex == 0) {
if (downP.x <= curP.x) {
getParent().requestDisallowInterceptTouchEvent(false);
} else {
getParent().requestDisallowInterceptTouchEvent(true);
}
} else if (curIndex == getAdapter().getCount() - 1) {
if (downP.x >= curP.x) {
getParent().requestDisallowInterceptTouchEvent(false);
} else {
getParent().requestDisallowInterceptTouchEvent(true);
}
} else {
getParent().requestDisallowInterceptTouchEvent(true);
}
if (arg0.getAction() == MotionEvent.ACTION_UP) {
// 在up時判斷是否按下和松手的坐標為一個點
// 如果是一個點，將執(zhí)行點擊事件屏鳍，這是我自己寫的點擊事件勘纯，而不是onclick
if (downP.x == curP.x && downP.y == curP.y) {
onSingleTouch();
return true;
}
}
return super.onTouchEvent(arg0);
}
/** * 單擊 */
public void onSingleTouch() {
if (onSingleTouchListener != null) {
onSingleTouchListener.onSingleTouch();
}
}
/** * 創(chuàng)建點擊事件接口 */
public interface OnSingleTouchListener {
public void onSingleTouch();
}
public void setOnSingleTouchListener(
OnSingleTouchListener onSingleTouchListener) {
this.onSingleTouchListener = onSingleTouchListener;
}
}
為什么要自己定義onSingleTouch呢？
因為在ViewPager的onTouchEvent中我對onDown進行了操作钓瞭，進行了操作后就無法將touch事件繼續(xù)往下傳給onClick和其內(nèi)部控件的任何事件驳遵，所以自己做了判斷，做了個singleTouch來實現(xiàn)點擊的事件
方法二可以完美解決雙層ViewPager嵌套后子ViewPager的觸摸滑動問題山涡，并實現(xiàn)了類似網(wǎng)易新聞的那樣堤结，可以在子view滑動到邊緣時，滑動父層
