Android事件冲突场景分析及一般解决思路

 
 

拦截的艺术

先来看接口ViewParent中的一个函数

    /**
     * Called when a child does not want this parent and its ancestors to
     * intercept touch events with
     * {@link ViewGroup#onInterceptTouchEvent(MotionEvent)}.
     *
     * <p>This parent should pass this call onto its parents. This parent must obey
     * this request for the duration of the touch (that is, only clear the flag
     * after this parent has received an up or a cancel.</p>
     * 
     * @param disallowIntercept True if the child does not want the parent to
     *            intercept touch events.
     */
    public void requestDisallowInterceptTouchEvent(boolean disallowIntercept);

参数disallowIntercept的意思就是childView告诉父容器要不要进行拦截

true :告诉所有父控件不要拦截,事件交由childrenView处理

    Code 1
    //该代码展示的是站在View的角度,在子View的dispatchTouchEvent()中解决冲突的实战代码
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        int x = (int) ev.getX();
        int y = (int) ev.getY();
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                /**
                 * 子View的所有父ViewGroup都会跳过onInterceptTouchEvent的回调
                 * 相当于ViewGroup的流程是dispatchTouchEvent() --> onTouchEvent()
                 */
                getParent().requestDisallowInterceptTouchEvent(true);
                break;
            case MotionEvent.ACTION_MOVE:
                int deltaX = x - mLastX;
                int deltaY = y - mLastY;
                if (Math.abs(deltaX) > Math.abs(deltaY) + 5) {//水平滑动,使得父类可以执行onInterceptTouchEvent
                    /**
                     * 不让所有的父容器跳过onInterceptTouchEvent()
                     * 相当于ViewGroup的流程是:dispatchTouchEvent() --> onInterceptTouchEvent() --> onTouchEvent()
                     * 也就是ViewGroup拦截以后交给自己的onTouchEvent()来处理
                     */
                    getParent().requestDisallowInterceptTouchEvent(false);
                }
                break;
        }
        mLastX = x;
        mLastY = y;
        return super.dispatchTouchEvent(ev);
    }

false:告诉所有父控件拦截。在父控件的onInterceptTouchEvent()中可能类似这样的处理

@Override
    public boolean onInterceptTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        int y = (int) event.getY();
        if(event.getAction() == MotionEvent.ACTION_DOWN){
            mLastX = x;
            mLastY = y;
            if (!mScroller.isFinished()) {
                mScroller.abortAnimation();
                return true;
            }
            return false;
        }else{
            //如果是非down事件,说明子View并没有拦截父类的onInterceptTouchEvent
           //说明该事件交由父类处理,所以不需要再传递给子类,返回true
           return true;
        }
    }

然后接下来的事情交给父控件的onTouchEvent()来处理
Ok,咱们回到拦截的艺术,主要分两个角度

解决冲突的两个角度

ChildView的角度

  • 在View的onTouch()或者子控件的dispatchTouchEvent中,根据具体的业务逻辑来告诉父容器要不要拦截。两种思路下代码都以给出,参见Code 1 , 2
    Code 2
    // //该代码展示的是站在View的角度,在子View的onTouchEvent()中解决冲突的实战代码
    mListView.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        int action = event.getAction();
        if(action == MotionEvent.ACTION_DOWN) {
            mLastY = event.getY();
        }
        if(action == MotionEvent.ACTION_MOVE) {
            int top = mListView.getChildAt(0).getTop();
            float nowY = event.getY();
            if(!isSvToBottom) {
                // 允许scrollview拦截点击事件, scrollView滑动
                mScrollView.requestDisallowInterceptTouchEvent(false);
            } else if(top == 0 && nowY - mLastY > THRESHOLD_Y_LIST_VIEW) {
                // 允许scrollview拦截点击事件, scrollView滑动
                mScrollView.requestDisallowInterceptTouchEvent(false);
            } else {
                // 不允许scrollview拦截点击事件, listView滑动
                mScrollView.requestDisallowInterceptTouchEvent(true);
            }
        }
        return false;
    }
});

ViewGroup角度

  • 在onInterceptTouchEvent()中根据具体业务逻辑判断要不要拦截事件
@Override  
   public boolean onInterceptTouchEvent(MotionEvent ev) {  
       boolean intercepted = false;  
       int x = (int) ev.getX();  
       int y = (int) ev.getY();  
       switch (ev.getAction()) {  
           case MotionEvent.ACTION_DOWN:  
               //down事件不拦截,否则无法传给子元素  
               intercepted = false;  
               if (!mScroller.isFinished()) {  
                   mScroller.abortAnimation();  
                   intercepted = true;  
               }  
               break;  
           case MotionEvent.ACTION_MOVE:  
               int deltaX = x - mLastXIntercept;  
               int deltaY = y - mLastYIntercept;  
               //水平滑动则拦截  
               if (Math.abs(deltaX) > Math.abs(deltaY) + 5) {  
                   intercepted = true;  
               } else {  
                   intercepted = false;  
               }  
               break;  
           case MotionEvent.ACTION_UP:  
               //不拦截,否则子元素无法收到  
               intercepted = false;  
               break;  
       }  
      ...
      return intercepted;  
   }  

冲突解决实战

上下滑动与上下滑动的冲突型

ScrollView嵌套ListView

  • 网上的解决思路分析:

    • 根据展示数据的个数乘以每一个Item的高度,计算出ListView的总体高度,然后动态的设置ListView的高度
    • 复写ListView的onMeasure(int widthMeasureSpec, int heightMeasureSpec)方法,让ListView完全展开

    这两种方式最突出的缺陷在于ListView的子控件不能复用,容易造成OOM。

  • 分析冲突点:嵌套之后ListView的高度无法完全显示,且两者存在事件冲突

  • 解决思路:无法显示,复用的问题我们需要在布局中明确的设置ListView的高度。冲突根据ScrollView的状态和ListView的状态共同决定,冲突的解决选择在子View的onTouch()中解决。

    • ScrollView在未滑动到底部时候,如果点击并滑动ListView时候,ListView是不能滑动的,不禁止。
    • 如果ScrollView滑动到底部,且ListView已经到顶部,继续下拉ListView,其实会拉动ScrollView,不禁止。
    • 如果ScrollView滑动到底部,用户向上滑,ListView滑动,禁止ScrollView截断点击事件能力

对于ScrollView的滑动到底部的监听我们可以这样做

boolean isSvToBottom = false;
scroll_view.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // 判断 scrollView 当前滚动位置在顶部
                if(scroll_View.getSrollY == 0){
                    isSvToBottom = true;
                }

                // 判断scrollview 滑动到底部
                // scrollY 的值和子view的高度一样,这人物滑动到了底部
                if (scroll_view.getChildAt(0).getHeight() - scroll_view.getHeight() 
                            == scroll_view.getScrollY()){
                    isSvToBottom =false;
                }
                return false;
            }
        });

mListView.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        int action = event.getAction();
        if(action == MotionEvent.ACTION_DOWN) {
            mLastY = event.getY();
        }
        if(action == MotionEvent.ACTION_MOVE) {
            int top = mListView.getChildAt(0).getTop();
            float nowY = event.getY();
            if(!isSvToBottom) {
                mScrollView.requestDisallowInterceptTouchEvent(false);
            } else if(top == 0 && nowY - mLastY > THRESHOLD_Y_LIST_VIEW) {
                mScrollView.requestDisallowInterceptTouchEvent(false);
            } else {
                mScrollView.requestDisallowInterceptTouchEvent(true);
            }
        }
        return false;
    }
});

子控件部分接管型

  • 场景:SwipeRefreshLayout --> ScrollView --> ViewPager,这种布局场景很常见,多见于应用的首页,如美团。

  • 分析冲突点:ScrollView的上下滑动与ViewPager的左右滑动原本是不冲突的,但是加入了SwipeRefreshLayout之后,事件场景就变得复杂。当滑动ViewPager的时候,很容易就触发了SwipeRefreshLayout的下来刷新。

  • 解决思路:因为ViewPager只涉及X轴方向上的滑动,所以我们在MotionEvent_ACTION_MOVE的时候去动态的判断X周方向上是否超过了我们设定的阈值,这个值我们可以自定义,也可以去拿系统的这个值
    mTouchSlop = ViewConfigurationCompat.getScaledPagingTouchSlop(configuration);

  mViewPager.setOnTouchListener(new View.OnTouchListener() {
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        int action = event.getAction();
        if(action == MotionEvent.ACTION_DOWN) {
            mLastX = event.getX();
        }
        if(action == MotionEvent.ACTION_MOVE) {
            if(Math.abs(event.getX() - mLastX) > 60f) {
                mRefreshLayout.setEnabled(false);
                mScrollView.requestDisallowInterceptTouchEvent(true);
            }
        }
        if(action == MotionEvent.ACTION_UP) {
            mScrollView.requestDisallowInterceptTouchEvent(false);
            mRefreshLayout.setEnabled(true);
        }
        return false;
    }
});

子控件完全接管事件型

ScrollView嵌套Map(第三方地图控件)

  • 分析冲突点:外层套了ScrollView的Map就接受不到事件了,但Map的应用场景是只要用户在Map上触摸,也就是MotionEvent_ACTION_DOWN时候,说明就是要操作Map,就跟ScrollView没有关系。

  • 解决思路:直接在子View的onTouch中告诉ScrollView(父控件)要不要拦截

mMapView.getChildAt(0).setOnTouchListener(new View.OnTouchListener() {
    @Override
     public boolean onTouch(View v, MotionEvent event) {
          if(event.getAction() == MotionEvent.ACTION_UP){
               mScrollView.requestDisallowInterceptTouchEvent(false);
           }else{
               mScrollView.requestDisallowInterceptTouchEvent(true);
           }
         return false;
     }
});

总结

本文重要从子View的角度(内部),和ViewGroup(外部)的两种角度去解决事件冲突的思路,并给出了一些常见的冲突场景以及解决案例,具体的冲突点需要具体分析,主要是分两点来确定

  • 确定冲突的有关控件
  • 找准冲突发生的点
  • 确定是用内部还是外部的方式

注意:内部解决优先于外部解决思路



作者:theFullHorizon
链接:https://www.jianshu.com/p/c62fb2f25057
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值