1. 程式人生 > >Android 巢狀ViewPager實現連貫雙滑動

Android 巢狀ViewPager實現連貫雙滑動

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);
	}
}