ViewPager结合TabLayout --- 禁止滑动(点击切换)

【记录】菜鸟记录点滴

场景: ViewPager结合TabLayout,两个Tab项(Tab1, Tab2),需要先在Tab1执行某些操作后,才能滑动ViewPager(点击Tab)切换到Tab2

1. 首先自定义CustomViewPager,可以设置允许/禁止滑动ViewPager。

继承ViewPager,根据事件的分发机制,修改onInterceptTouchEvent()

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if(canScroll){
            return super.onInterceptTouchEvent(ev);
        } else {
            return false;
        }
    }

ViewPager继承ViewGroup,禁止滑动时,canScroll = false,此时自定义的CustomViewPager不会拦截Touch事件及消费,继续分发给子View

PS: 通过viewpager.setOnTouchListener()来消费事件,无法真正禁止滑动,此时ViewPager仍可以有小幅度的变化。

补充: 简单查看了ViewGroup与View的dispatchTouchEvent方法,并通过Log确认,设置onTouchListener消费事件后,不会触发onTouchEvent。再次重写响应Scroller的computeScroll方法,ViewPager仍然会移动。

补充:ViewPager没有重写dispatchTouchEvent但是重写了onInterceptTouchEvent,在重写的onInterceptTouchEvent中,move事件是关键。onInterceptTouchEvent最终返回mIsBeingDragged,如果x轴上move的距离满足条件,那么mIsBeingDragged = true,画面会滑动。

if (mIsBeingDragged) {
    // Scroll to follow the motion event
    if (performDrag(x)) {
        ViewCompat.postInvalidateOnAnimation(this);
    }
}

至于为什么只有第一次move会发生滑动,由于事件分发机制的很多细节理解的还不是很透彻,猜测 : dispatchTouchEvent根据target标志决定后续处理,而第一次onInterceptTouchEvent拦截事件交给onTouchEvent消费后会标记target,此后就不会再触发这部分逻辑。

2. 设置TabLayout不可点击切换

ViewPager结合TabLayout --- 禁止滑动(点击切换)_第1张图片

参照其他博客的思路,从头开始分析,从层次中看出需要设置TabView,再查看源码。从addTab入手,发现TabView对应Tab类中的mView字段,最终被添加到SlidingTabStrip中(design-27.1.1)。因此利用反射,获取TabView对象,并实现禁止点击。

    TabLayout.Tab tab = tabLayout.getTabAt(1);
    Class clazz = tab.getClass();
    try {
        Field field = clazz.getDeclaredField("mView");
        field.setAccessible(true);
        View view = (View) field.get(tab);
        view.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if(canScroll){
                    return false;
                } else {
                    Log.e("lxy", "提示或者干什么...");
                    return true;
                }
            }
        });
    } catch (NoSuchFieldException e) {
        e.printStackTrace();
    } catch (IllegalAccessException e) {
        e.printStackTrace();
    }

PS: 类似的,应该也可以反射获得SlidingTabStrip,通过获得子View来设置

补充: 按照上述的分析,实现代码如下,同样可以实现

    Class clazz2 = tabLayout.getClass();
    try {
        Field field = clazz2.getDeclaredField("mTabStrip");
        field.setAccessible(true);
        ViewGroup viewGroup = (ViewGroup) field.get(tabLayout);
        View v = viewGroup.getChildAt(1);
        v.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                ToastUtils.show("不可点击");
                return true;
            }
        });
    } catch (NoSuchFieldException e) {
        e.printStackTrace();
    } catch (IllegalAccessException e) {
        e.printStackTrace();
    }

 

你可能感兴趣的:(Android)