天天看點

ScrollView和ViewPager嵌套使用(導緻左右、上下滑動沖突解決方案)

前言:解決ScrollView中嵌套ViewPager,導緻焦點沖突,解決的方案都是根據事件分發的原理設計的。

方案1:自定義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);  
        // TODO Auto-generated constructor stub  
    }  
  
    public ChildViewPager(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();  
            //此句代碼是為了通知他的父ViewPager現在進行的是本控件的操作,不要對我的操作進行幹擾  
            getParent().requestDisallowInterceptTouchEvent(true);  
        }  
  
        if(arg0.getAction() == MotionEvent.ACTION_MOVE){  
            //此句代碼是為了通知他的父ViewPager現在進行的是本控件的操作,不要對我的操作進行幹擾  
            getParent().requestDisallowInterceptTouchEvent(true);  
        }  
  
        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;  
    }  
  
}  
           

方案2:重寫ScrollView的onInterceptTouchEvent()回調函數,需要在程式裡新加一個ScrollViewExtend類并繼承自ScrollView,下面是其代碼:

public class ScrollViewExtend extends ScrollView {  
    // 滑動距離及坐标  
    private float xDistance, yDistance, xLast, yLast;  
  
    public ScrollViewExtend(Context context, AttributeSet attrs) {  
        super(context, attrs);  
    }  
  
    @Override  
    public boolean onInterceptTouchEvent(MotionEvent ev) {  
        switch (ev.getAction()) {  
            case MotionEvent.ACTION_DOWN:  
                xDistance = yDistance = 0f;  
                xLast = ev.getX();  
                yLast = ev.getY();  
                break;  
            case MotionEvent.ACTION_MOVE:  
                final float curX = ev.getX();  
                final float curY = ev.getY();  
  
                xDistance += Math.abs(curX - xLast);  
                yDistance += Math.abs(curY - yLast);  
                xLast = curX;  
                yLast = curY;  
  
                if(xDistance > yDistance){  
                    return false;  
                }    
        }  
  
        return super.onInterceptTouchEvent(ev);  
    }  
}  
           
ScrollView和ViewPager嵌套使用(導緻左右、上下滑動沖突解決方案)

繼續閱讀