3.1 View的事件体系

View 的事件体系

当处于不同层级的View都可以响应用户的滑动操作时,就会带来一个问题,那就是滑动冲突。解决滑动冲突本不难,它需要读者对View的事件分发机制有一定的了解。

View的基础知识
1.什么是View
2.View的位置参数
3.MotionEventTouchSlop
4.VelocityTrackerGestureDetectorScroller

1.View的基础知识

主要介绍:View的位置参数,MotionEventTouchSlopVelocityTrackerGestureDetectorScroller

1-1. 什么是View

ViewAndroid中所有控件的基类,是一种界面层的控件的一种抽象,它代表了一个控件。除了View还有ViewGroup(控件组),内部包含了许多个控件,即一组ViewViewGroup也继承了View,这就意味着View本身就可以是单个控件也可以是由多个控件组成的一组控件,通过这种关系就形成了View树的结构。

1-2. View的位置参数

View的位置主要有它的四个顶点来决定,分别对应于View的四个属性: topleftrightbottom
top: 左上角的纵坐标
left::左上角的横坐标
bottom:右下角的纵坐标
right: 右下角横坐标

View的坐标图

需要注意的是,这些坐标都是相对于View的父容器来说的,因此它是一种相对坐标。
从上面的图中,我们可以得出View的宽高和坐标的关系。

width = right - left;
height = bottom - top;

那么如何得到View的这四个参数呢?在View的源码中,它们对应于mLeftmRightmTopmBottom这四个成员变量。

Left = getLeft();
Right = getRight();
Top = getTop();
Bottom = getBottom();

Android3.0开始,View增加了几个额外的参数,x,y,translationX,translationY。其中x,yView左上角的坐标,translationX,translationYView左上角相对于父容器的偏移量。这几个参数也是相对于父容器的坐标,并且translationX,translationY的默认值是0,和View的四个基本的位置参数一样,View也为我们提供了get/set方法。
这几个函数的换算关系如下:

x = left + translationX
y = top + translationY

需要注意的是,View在平移的过程中,topleft表示的是原始左上角的位置信息,其值并不会发生改变,此时发生变化的是x,y,translationX,translationY,这四个参数。

1-3 MotionEvent和TouchSlop
1-3-1.MotionEvent:

在手指接触屏幕后所产生的一系列事件中,典型的事件类型有如下几种:
ACTION_DOWN:手指刚接触屏幕
ACTION_MOVE:手指在屏幕上移动
ACTION_UP:手指从屏幕上松开的一瞬间

  • 点击屏幕后离开松开,事件序列为DOWN -> UP
  • 点击屏幕滑动一会再松开,事件序列为DOWN -> MOVE ->......>MOVE -> UP

上述三种情况是典型的事件序列,同时通过MotionEvent对象我们可以得到点击事件发生的xy坐标。为此系统提供了两组方法:getX/getYgetRawX/getRawY。它们的区别其实很简单,getX/getY返回的是相对于当前View左上角的XY坐标,而getRawX/getRawY返回的是相对于手机屏幕左上角的XY坐标。

1-3-2.TouchSlop

TouchSlop是系统所能识别出的被认为是滑动的最小距离,滑动的距离太短,系统就不认为是在滑动。这是一个常量和设备有关,在不同设备上这个值可能是不同的,通过如下方式即可获取这个常量:

ViewConfiguration.get(getContext()).getScaledTouchSlop();

这个常量的意义在于可以做一些过滤,比如当两次滑动事件的滑动距离小于这个值,我们就认为它不是在滑动。经过测试我的魅蓝X手机的值为24dpGenymotion Nexus5 6.0.0的值为16dp

1-4:VelocityTracker,GestureDetector和Scroller
1.VelocityTracker

速度追踪,用于追踪手指在滑动过程中的速度,包括水平和竖直方向上的速度。它的使用过程很简单,首先,在ViewonTouchEvent方法中追踪当前单击事件的速度。

Override
    public boolean onTouchEvent(MotionEvent event) {
        VelocityTracker velocityTracker = VelocityTracker.obtain();
        velocityTracker.addMovement(event);
        velocityTracker.computeCurrentVelocity(1000);
        int xVelocity = (int) velocityTracker.getXVelocity();
        int yVelocity = (int) velocityTracker.getYVelocity();
        Log.d(TAG + "X","" + xVelocity);
        Log.d(TAG + "Y","" + yVelocity);
        return super.onTouchEvent(event);
    }

在这里需要注意两点,

  • 1.获取速度之前必须先计算速度,即getXVelocity()getYVelocity()这两个方法的前面必须要调用computeCurrentVelocity()方法
  • 2.这里的速度是指一段时间内手指所滑过的像素数。
    注意速度可以为负数,当手指从右往左滑时,水平方向速度即为负值。
    速度的计算可以用如下公式来表示:
  • 速度 = (终点位置 - 起点位置)/ 时间段
 computeCurrentVelocity(1000);

这个方法的参数表示的是一个时间单元或者说时间间隔,它的单位是毫秒(ms),计算速度时得到的速度就是在这个时间间隔内手指在水平或者竖直方向上所滑动的像素数。

最后,当不需要使用它的时候,需要调用clear方法来重置并回收内存。

velocityTracker.clear();
velocityTracker.recycle();

上面就是如何使用VelocityTracker的全过程,看起来并不复杂。

2.GestureDetector

Gesture(手势) Detector(检测)

手势检测,用于辅助检测用户的单击,滑动,长按,双击等行为。要使用GestureDetector也不复杂,参考如下过程。

首先,需要创建一个GestureDetector对象并实现OnGestureListener接口,根据需要我们还可以实现OnDoubleTapListener从而能够监听双击行为:

GestureDetector mGestureDetector = new GestureDetector(this, new GestureDetector.OnGestureListener() {
            @Override
            public boolean onDown(MotionEvent e) {
                return false;
            }

            @Override
            public void onShowPress(MotionEvent e) {

            }

            @Override
            public boolean onSingleTapUp(MotionEvent e) {
                return false;
            }

            @Override
            public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
                return false;
            }

            @Override
            public void onLongPress(MotionEvent e) {

            }

            @Override
            public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
                return false;
            }
        });
        // 解决长按屏幕后无法拖动的现象
        mGestureDetector.setIsLongpressEnabled(false);

下面这种的方法更全面,只要我们选择性的重写就可以了,上面那个只有单击,没有双击。

GestureDetector mGestureDetector = new GestureDetector(this,new GestureDetector.SimpleOnGestureListener(){
            @Override
            public boolean onSingleTapUp(MotionEvent e) {
                return super.onSingleTapUp(e);
            }

            @Override
            public void onLongPress(MotionEvent e) {
                super.onLongPress(e);
            }

            @Override
            public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
                return super.onScroll(e1, e2, distanceX, distanceY);
            }

            @Override
            public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
                return super.onFling(e1, e2, velocityX, velocityY);
            }

            @Override
            public void onShowPress(MotionEvent e) {
                super.onShowPress(e);
            }

            @Override
            public boolean onDown(MotionEvent e) {
                return super.onDown(e);
            }

            @Override
            public boolean onDoubleTap(MotionEvent e) {
                return super.onDoubleTap(e);
            }

            @Override
            public boolean onDoubleTapEvent(MotionEvent e) {
                return super.onDoubleTapEvent(e);
            }

            @Override
            public boolean onSingleTapConfirmed(MotionEvent e) {
                return super.onSingleTapConfirmed(e);
            }

            @Override
            public boolean onContextClick(MotionEvent e) {
                return super.onContextClick(e);
            }
        });

        // 解决长按屏幕后无法拖动的现象
        mGestureDetector.setIsLongpressEnabled(false);

接着,接管目标ViewonTouchEvent方法,在待监听ViewonTouchEvent方法中添加如下实现:

mGestureDetector.onTouchEvent(event);

其实我们可以有选择的实现上面的方法,这两个接口中的方法介绍如下:

方法介绍

上面的方法虽然很多,但并不是所有的方法都会被时常用到,在日常开发中,比较常用的有:onSingleTapUp(单击),onLongPress(长按),onScroll(滑动),onFling(快速滑动),onDoubleTap(双击)。另外这里要说明的是,实际开发中可以不使用GestureDetector,完全可以自己在onTouchEvent方法中实现所需要的监听,如果只是监听滑动相关的,建议自己在onTouchEvent中实现,如果要监听双击行为的话,那么就使用GestureDetector

3.Scroller

弹性滑动对象,用于实现View的弹性滑动。我们知道,当使用ViewscrollTo/scrollBy方法来进行滑动时,其过程是瞬间完成的,这个没有过渡效果的滑动用户体验不好。这个时候就可以使用Scroller来实现有过渡效果的滑动,其过程不是瞬间完成的,而是在一定的时间间隔内完成的。Scroller本身无法让View弹性滑动,它需要和ViewcomputeScroll方法配合使用才能共同完成这个功能。

它的典型代码是固定的,如下所示:

Scroller scroller = new Scroller(mContext);

// 缓慢滚动到指定位置
private void smoothScrollTo(int destX,int destY) {
    int scrollX = getScrollX();
    int delta = destX - scrollX;

    // 1000ms内滑向destX,效果就是慢慢滑动
    mScroller.startScroll(scrollX,0,delta,0,1000);
    invalidate();
}

@Override
public void computeScroll() {
    if(mScroller.computeScrollOffset()) {
        scrollTo(mScroller.getCurrX(),mScroller.getCurrY());
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350

推荐阅读更多精彩内容