Android 巢狀ViewPager實現連貫雙滑動
阿新 • • 發佈:2019-01-25
ViewPager巢狀ViewPager後,滑動事件沒法在子ViewPager裡面響應。
解決辦法是自定義子ViewPager。
通知他的父ViewPager現在進行的是本控制元件的操作,不要對我的操作進行干擾
getParent().requestDisallowInterceptTouchEvent(true);
同時實現了子ViewPager滑動到最後一個的時候,再滑動時父ViewPager會進行滑動
package com.example.viewpager; import android.content.Context; import android.graphics.PointF; import android.support.v4.view.ViewPager; import android.util.AttributeSet; import android.view.MotionEvent; public class MyViewPager extends ViewPager{ /** 觸控時按下的點 **/ PointF downP = new PointF(); /** 觸控時當前的點 **/ PointF curP = new PointF(); float oldx=0.0f; float first=0.0f; OnSingleTouchListener onSingleTouchListener; public MyViewPager(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub } public MyViewPager(Context context) { super(context); // TODO Auto-generated constructor stub } @Override public boolean onInterceptTouchEvent(MotionEvent arg0) { // TODO Auto-generated method stub //當攔截觸控事件到達此位置的時候,返回true, //說明將onTouch攔截在此控制元件,進而執行此控制元件的onTouchEvent return true; } @Override public boolean onTouchEvent(MotionEvent arg0) { // TODO Auto-generated method stub //每次進行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(); oldx=downP.x; first=0.0f; //此句程式碼是為了通知他的父ViewPager現在進行的是本控制元件的操作,不要對我的操作進行干擾 getParent().requestDisallowInterceptTouchEvent(true); } if(arg0.getAction() == MotionEvent.ACTION_MOVE){ float newx=arg0.getX(); int curpostion=getCurrentItem(); int count=this.getAdapter().getCount()-1; //預測本次滑動的的方向(first>0 說明本次手勢向右滑動) if(first==0.0f){ //第一次進來 if(Math.abs(newx-oldx)>0){ first=newx-oldx; } } //此句程式碼是為了通知他的父ViewPager現在進行的是本控制元件的操作,不要對我的操作進行干擾 //當子viewpager的position處於0時,檢測如果是向右滑動說明要通知父ViewPager滑動; //當子viewpager的position處於size-1時,檢測如果是向左滑動說明要通知父ViewPager滑動; //(newx-oldx)實時檢測滑動方向 if((curpostion==count && (newx-oldx)<0 && first<0) ||(curpostion==0 && (newx-oldx)>0 &&first>0)){ getParent().requestDisallowInterceptTouchEvent(false); }else{ getParent().requestDisallowInterceptTouchEvent(true); } oldx=newx; } if(arg0.getAction() == MotionEvent.ACTION_UP){ //在up時判斷是否按下和鬆手的座標為一個點 //如果是一個點,將執行點選事件,這是我自己寫的點選事件,而不是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(); } } /** * 建立點選事件介面 * @author wanpg * */ public interface OnSingleTouchListener { public void onSingleTouch(); } public void setOnSingleTouchListener(OnSingleTouchListener onSingleTouchListener) { this.onSingleTouchListener = onSingleTouchListener; } }
還有一種實現方式
import android.content.Context; import android.support.v4.view.ViewPager; import android.util.AttributeSet; import android.view.MotionEvent; public class ChildViewPager extends ViewPager { public ChildViewPager(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub } private float mLastMotionX; private boolean flag = false; public boolean dispatchTouchEvent(MotionEvent ev) { // TODO Auto-generated method stub final float x = ev.getX(); switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: getParent().requestDisallowInterceptTouchEvent(true); flag = true; mLastMotionX = x; break; case MotionEvent.ACTION_MOVE: if (flag) { if (x - mLastMotionX > 5 && getCurrentItem() == 0) { flag = false; getParent().requestDisallowInterceptTouchEvent(false); } if (x - mLastMotionX < -5 && getCurrentItem() == getAdapter().getCount() - 1) { flag = false; getParent().requestDisallowInterceptTouchEvent(false); } } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: getParent().requestDisallowInterceptTouchEvent(false); break; } return super.dispatchTouchEvent(ev); } @Override public boolean onInterceptTouchEvent(MotionEvent ev) { // TODO Auto-generated method stub return super.onInterceptTouchEvent(ev); } @Override public boolean onTouchEvent(MotionEvent event) { // TODO Auto-generated method stub return super.onTouchEvent(event); } }