彻底解决 “ViewPager+Fragment+滑动View” 产生的滑动冲突

假设场景:

         ViewPager 里面的 Fragment 视图中,有一个自定义的滑动View,当用户手指在该自定的滑动View中操作时,会触发左右滑动切换ViewPager。很影响用户体验,本文章教你解决滑动冲突。


  直接上代码(复制就能用): 
         1.在ViewPager中,我们要实时控制ViewPager是否可滑动。所以从需继承ViewPager 重写
onInterceptTouchEvent()方法,从外界传一个boolean值进来,当触摸在自定义的滑动View上时,禁止ViewPager切换页面,反之允许。被称为“外部拦截法”
           
public class SlideViewPager extends ViewPager {

    private boolean isCanScroll = true;

    public SlideViewPager(Context context) {
        super(context);
    }

    public SlideViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public void setIsScanScroll(boolean isCanScroll) {
        this.isCanScroll = isCanScroll;
    }

    @Override
    public void scrollTo(int x, int y) {
        super.scrollTo(x, y);
    }

    @Override
    public boolean onTouchEvent(MotionEvent arg0) {
        // TODO Auto-generated method stub
        if (isCanScroll) {
            return super.onTouchEvent(arg0);
        } else {
            return false;
        }

    }

    @Override
    public void setCurrentItem(int item, boolean smoothScroll) {
        // TODO Auto-generated method stub
        super.setCurrentItem(item, smoothScroll);
    }

    @Override
    public void setCurrentItem(int item) {
        // TODO Auto-generated method stub
        super.setCurrentItem(item);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent arg0) {
        // 是否允许滑动
        if (isCanScroll) {
            return super.onInterceptTouchEvent(arg0);
        } else {
            return false;
        }

    }
}

2.在Fragment 中返回当前是否触摸在自定义的滑动View上。在Fragment 中返回当前是否触摸在自定义的滑动View上。 因为Fragment没有dispatch   因为Fragment没有dispatchTouchEvent()分发事件的方法,所以需要在Fragment当前的Activity中调用dispatchTouchEvent(),并且加上注册监听的接口。Fragment注册并实现监听方法接着Activity对每一个注册的对象调用myTouchListener中实现的方法,即可解决自定义滑动View和ViewPager左右滑动冲突的问题。

Activity:

// 保存MyTouchListener接口的列表
    private ArrayList<MyTouchListener> myTouchListeners = new ArrayList<>();
public interface MyTouchListener {
    boolean onTouchEvent(MotionEvent event);
}
/**
 * 提供给Fragment通过getActivity()方法来注册自己的触摸事件的方法
 */
public void registerMyTouchListener(MyTouchListener listener) {
    myTouchListeners.add(listener);
}

/**
 * 提供给Fragment通过getActivity()方法来取消注册自己的触摸事件的方法
 */
public void unRegisterMyTouchListener(MyTouchListener listener) {
    myTouchListeners.remove(listener);
}

/**
 * 分发触摸事件给所有注册了MyTouchListener的接口
 */
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
    for (MyTouchListener listener : myTouchListeners) {
        if (listener != null) {
            viewPager.setIsScanScroll(listener.onTouchEvent(ev));
        }
    }
    return super.dispatchTouchEvent(ev)  }}

Fragment:

  private MainActivity.MyTouchListener mMyTouchListener;
由于我是用了fragment懒加载,你们的注册、取消监听可以放在相应的创建和销毁的地方。

  @Override
    protected void onFragmentVisibleChange(boolean isVisible) {
        if (isVisible) {
            // 将myTouchListener注册到分发列表
            ((MainActivity) this.getActivity()).registerMyTouchListener(mMyTouchListener);
        } else {
            ((MainActivity) this.getActivity()).unRegisterMyTouchListener(mMyTouchListener);
        }
    }

实现监听的方法,返回当前触摸是否在滑动View上。

 mMyTouchListener = new MainActivity.MyTouchListener() {
            @Override
            public boolean onTouchEvent(MotionEvent event) {
                //不在colorPicker touch范围类
                return !Utils.inRangeOfView(colorPicker, event) && !Utils.inRangeOfView(
                        layoutProgress, event);
            }
        };
   //判断当前View 是否处于touch中
    public static boolean inRangeOfView(View view, MotionEvent ev) {
        int[] location = new int[2];
        view.getLocationOnScreen(location);
        int x = location[0];
        int y = location[1];
        if (ev.getX() < x || ev.getX() > (x + view.getWidth()) || ev.getY() < y || ev.getY() > (y
                + view.getHeight())) {
            return false;
        }
        return true;
    }

代码均是从我的项目中拷贝过来,粘贴就能直接用。







评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值