打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
两个重叠组件的OnTouch事件冲突分析
  最近小小进了一个大深坑,近两个月未写博客了,这个大深坑“功不可没”,好了,牢骚不说了,还是直接进入正题吧!本文欢迎转载,转载请注明出处:http://blog.csdn.net/u011160184/article/details/45796105

        想必大家在开发中,有时会遇到一些手势冲突问题,我滑动上面的组件,下面的组件动,我滑动下面的组件,上面的组件动,一点都不听指挥,如此任性的女朋友可不是体贴的好女朋友。那么我们就来调教调教这任性女友吧!

        首先,我们需要明白Android的触摸事件的流程是怎样的呢?在Android中一个触摸事件会经过以下三个流程:
        

1)public boolean dispatchTouchEvent(MotionEvent ev)  这个方法用来分发TouchEvent,属于父辈的角色

2)public boolean onInterceptTouchEvent(MotionEvent ev) 这个方法用来拦截TouchEvent,属于儿子的角色,家里掌权者

3)public boolean onTouchEvent(MotionEvent ev) 这个方法用来处理TouchEvent,属于女友(儿媳)的角色,命名实施者

    Android系统中的每个View的子类都具有上面三个和TouchEvent处理密切相关的方法,并且依次执行。那么我们就来看看具体要怎么来调教。

    
1、dispatchTouchEvent事件分发处理,即父辈,俗话说家有一老,如有一宝,而dispatchTouchEvent就是这样一宝,具有绝对的发号施令的权利,如果dispatchTouchEvent返回true,直接委派交给儿媳onTouchEvent处理结果,如果返回false,父辈放权,儿子onInterceptTouchEvent自己去处理这件事。

    2、
onInterceptTouchEvent事件拦截处理,即儿子,如果父辈放权(返回false),此时就交给儿子处理此处触摸事件,若他想自己处理了,那么就返回true,表示这件事我接下来了,就不需要麻烦女友了。当然有时或许心情不好,他不想处理这件事,返回了false,那么就只好继续放权,让女友去帮你搞定。

    3、 
onTouchEvent具体命名实施者,即女友,让她给你一个true,什么事情都乖乖的处理了(哈哈~~~咱也硬气一会,体验下发号施令的快感,什么麻烦事都让女友去搞定吧)虽然是女友,但她也会有任性、偷懒的时候,如果此时她也给你一个false,告诉你她也不想执行你交代的命令,怎么办呢?好吧,既然她也不愿意处理,那就继续大鱼吃小鱼,把这次触摸事件就将继续向下一层传递,并且再次进行这三个步骤,如果此响应是最后一层View,那么触摸事件将不再向下传递,而是向上一层一层的回传,一直到Activity的OnTouch方法。

好,大概原理就是这样了,可是我们知道了这些可以做什么呢? 别急,下面小小就将用一个小小的demo来简单的演示,首先我们先来看看实现后的效果:




实现的效果:黑色方框在任何地方可以随意拖动,并且当黑色方框处于顶部白色区域时,不影响白色区域的滑动,并且仍然能拖动黑色方框。

接下来我们来看看布局以及实现:

在xml文件中:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="#faddad" >

    <com.jarvis.touchtest.MyViewPager

        android:id="@+id/viewpager"

        android:layout_width="match_parent"

        android:background="#FFFFFF"

        android:layout_height="200dp" />

    <ImageView

        android:id="@+id/imageview"

        android:layout_width="80dp"

        android:layout_height="80dp"

        android:layout_marginTop="200dp"

        android:scaleType="fitXY"

        android:src="@drawable/bg_popupbox" />

</RelativeLayout>

 在Activity中,我们实现了它的OnTouch方法:

public boolean onTouchEvent(MotionEvent event) {

float downX = event.getX();

float downY = event.getY();

switch (event.getAction()) {

        case MotionEvent.ACTION_MOVE:// 移动
        // 
isRect判断是否点击位置是否在方框中,如果是在方框中,那么就进行移动方框

        if (Utils.isRect(downX, downY, imageView.getX(), imageView.getY(), imageView.getX() + imageView.getWidth(),                 imageView.getY() + imageView.getHeight())) {

                imageView.setX(downX - imageView.getWidth() / 2);

                imageView.setY(downY - imageView.getHeight() / 2);

        }

    break;

    }

return true;

} 

这样设置后,我们来看看实际效果是怎样的:

 


     此时的效果:黑色方框可以在黄色区域内任意拖动,但是当黑色方框进入顶部白色方框时,黑色方框就无法拖动了。
    那么这和我们想要的效果不一样,是怎么回事呢?原因其实很简单:当黑色方框置于黄色区域时,因为所有的触摸事件返回的false,所以此处的触摸事件传递到最后一层的时候又一层一层返回回来,被Activity的OnTouch接受并执行拖动黑色方框的操作,而当黑色方框放在ViewPager时,触摸事件向下传递到
ViewPager时onTouchEvent返回了true,即被ViewPager执行了此次触摸事件

想解决这个问题,怎么办呢?那么我们就得从 
onInterceptTouchEvent入手,让他去好好调教下onTouchEvent这个女友。具体实现思路如下:
1: 
当正常状态时, onInterceptTouchEvent返回false,交给女友onTouchEvent去做事(返回true)。
2:当黑色框和ViewPager重叠时:
    (1) 
当触摸的Viewpager时, onInterceptTouchEvent返回false,交给女友onTouchEvent去做事(返回true)。
    (2) 当触摸的黑色方框时,
onInterceptTouchEvent拦截下此次触摸事件(返回true),并且不让女友onTouchEvent去做事(返回              false),因为Viewpager为最后一层View,触摸事件无法再向下传递,本着不能浪费的原则,这次事件又向上返回,被Activity的onTouchEvent接受(返回的true),所以黑色方框就能再次滑动了。

原理知道了,要想实现就非常简单了,我们写一个MyViewPager类继承自ViewPager并实现它的
onInterceptTouchEvent和 onTouchEvent方法,具体实现如下:

/** false可以左右滑动,true不能滑动 */

public boolean isInterceptTouchEvent = false;

/** false不可以左右滑动,true能滑动 */

public boolean isTouchEvent = true;
        /**黑色方框的左右上下坐标*/ 

private float l, t, r, d;


public boolean onInterceptTouchEvent(MotionEvent ev) {

float downX = ev.getX();

float downY = ev.getY();
                //判断点击位置是否在黑色方框内 

if (Utils.isRect(downX, downY, l, t, r, d)) {

// 轮播不可以滑动,浮窗可以滑动

//是否拦截(true表示拦截,触摸事件向下传递给自己的OnTouch)

isInterceptTouchEvent = true;

//是否响应OnTouch(true表示自己响应触摸事件)

//(false则不响应,并且触摸事件向上回传,最后Activity得到此触摸事件,根据OnTouch的返回值进行判断是否响应此事件)

isTouchEvent=false;

} else {

// 轮播可以滑动

//是否拦截(false表示不拦截,触摸事件向下传递给自己的OnTouch)

isInterceptTouchEvent = false;

//是否响应OnTouch(true表示自己响应触摸事件,false则不响应,并且触摸事件向上回传)

isTouchEvent=true;

}

System.out.println("轮播拦截事件" + isInterceptTouchEvent);

return isInterceptTouchEvent;

}


public boolean onTouchEvent(MotionEvent ev) {

//这里必须执行super.onTouchEvent(ev);否则无论返回什么,都无法滑动,原因不明

super.onTouchEvent(ev);

System.out.println( "轮播触摸事件" +isTouchEvent );

return isTouchEvent;

} 

        /** 设置黑色悬浮组件的坐标 */

public void setArea(float l, float t, float r, float d) {

this.l = l;

this.t = t;

this.r = r;

this.d = d;

} 

然后,我们在Activity中的Ontouch方法中实现每次松开时都让Viewpager捕获到黑色方框所在位置:

case MotionEvent.ACTION_UP:// 松开
                        //使viewpager捕获黑色方框所在位置,用于判断是否拦截此触摸事件 

viewPager.setArea(imageView.getX(), imageView.getY(), imageView.getX() + imageView.getWidth(), imageView.getY() + imageView.getHeight());

break; 

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Android onTouch事件传递机制
Android中onInterceptTouchEvent与onTouchEvent(图文)
Android触摸事件分发机制详解
Android事件传递机制
Android 触摸事件处理机制
Android事件机制。
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服