彻底解决 “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;
    }

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







  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ViewPager 和 Fragment 是 Android 开发常用的组件,ViewPager 可以实现左右滑动切换不同的页面,而 Fragment 可以实现模块化开发,将界面和逻辑分离,便于维护和扩展。 将两者结合起来可以实现多个 FragmentViewPager 的左右滑动切换。具体实现步骤如下: 1. 创建多个 Fragment,每个 Fragment 对应一个页面。 2. 创建一个继承自 FragmentPagerAdapter 或 FragmentStatePagerAdapter 的适配器类,重写 getItem() 方法,返回对应位置的 Fragment。 3. 在布局文件添加 ViewPager 组件,并设置适配器。 4. (可选)设置 ViewPager 的页面切换动画效果。 示例代码: 1. 创建 Fragment: ``` public class MyFragment extends Fragment { // ... } ``` 2. 创建适配器: ``` public class MyPagerAdapter extends FragmentPagerAdapter { private List<Fragment> fragmentList; public MyPagerAdapter(FragmentManager fm, List<Fragment> fragmentList) { super(fm); this.fragmentList = fragmentList; } @Override public Fragment getItem(int position) { return fragmentList.get(position); } @Override public int getCount() { return fragmentList.size(); } } ``` 3. 在布局文件添加 ViewPager 组件: ``` <androidx.viewpager.widget.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 4. 设置适配器: ``` List<Fragment> fragmentList = new ArrayList<>(); fragmentList.add(new MyFragment()); fragmentList.add(new MyFragment()); fragmentList.add(new MyFragment()); ViewPager viewPager = findViewById(R.id.view_pager); viewPager.setAdapter(new MyPagerAdapter(getSupportFragmentManager(), fragmentList)); ``` 5. (可选)设置页面切换动画效果: ``` viewPager.setPageTransformer(true, new DepthPageTransformer()); ``` 以上是 ViewPager 和 Fragment 的基本用法,你还可以根据实际需求对它们进行更多的扩展和定制。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值