滑动效果是如何产生的(Android群英传)

发表于 | 分类于 ， | 阅读次数:

内容是博主照着书敲出来的，博主码字挺辛苦的，转载请注明出处，后序内容陆续会码出。

前言：相对于Android2.X版本中常见的长按、点击操作，滑动的操作方式具有更好的用户体验性。因此，从Android4.X版本开始，滑动操作就大量出现在了Android系统中，各种第三方应用也竞相模仿这种效果，来改善自己的应用，下面就将向大家展示如何在应用中添加滑动效果。
　　滑动一个View，本质上来说就是移动一个View。改变其当前所处的位置，它的原理与动画效果的实现非常相似，都是通过不断地改变View的坐标来实现这一效果。所以，要实现View的滑动，就必须监听用户触摸的事件，并根据事件传入的坐标，动态且不断地改变View的坐标，从而实现View跟随用户触摸的滑动而滑动。

　　在讲解如何实现滑动效果之前，需要先来了解一下Android中的窗口坐标体系和屏幕的触控事件——MotionEvent。

Android坐标系

　　在物理学中，要描述一个物体的运动，就必须选定一个参考系。所谓滑动，正是相对于参考系的运动。在Android中，将屏幕最左上角的顶点作为Android坐标系的原点，从这个点向右是X轴正方向，从这个点向下是Y轴的正方向，如下图所示。

　　系统提供了getLocationOnScreen(int location[])这样的方法来获取Android坐标系中点的位置，即该视图左上角在Android坐标系的坐标。另外，在触控事件中使用getRawX()、getRawY()方法所获得的坐标同样是Android坐标系中的坐标。

视图坐标系

　　Android中除了上面所说的这种坐标系之外，还有一个视图坐标系，它描述了子视图在父视图中的位置关系。这两种坐标系并不矛盾也不复杂，他们的作用是相辅相成的。与Android坐标系类似，视图坐标系同样是以原点向右为X轴正方向，以原点向下为Y轴正方向，只不过在视图坐标系中，原点不再是Android坐标系中的屏幕最左上角，而是以父视图左上角为坐标原点，如下图所示。

　　在触控事件中，通过getX()、getY()所获得的坐标就是视图坐标系中的坐标。

触控事件——MotionEvent

　　触控事件MotionEvent在用户交互中，站着举足轻重的地位，学好触控事件是掌握后序内容的基础。首先，来看看MotionEvent中封装的一些常用的事件常量，它定义了触控事件的不同类型。 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// 单点触摸按下动作
public static final int ACTION_DOWN             = 0;
// 单点触摸离开动作
public static final int ACTION_UP               = 1;
// 触摸点移动动作
public static final int ACTION_MOVE             = 2;
// 触摸动作取消
public static final int ACTION_CANCEL           = 3;
// 触摸动作超出边界
public static final int ACTION_OUTSIDE          = 4;
// 多点触摸按下动作
public static final int ACTION_POINTER_DOWN     = 5;
// 多点离开动作
public static final int ACTION_POINTER_UP       = 6;

　　通常情况下，我们会在onTouchEvent(MotionEvent event)方法中通过event.getAction()方法来获取触控事件的类型，并使用switch-case方法来进行筛选，这个代码的模式基本固定，如下所示。 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
@Override
public boolean onTouchEvent(MotionEvent event) {
    // 获取当前输入点的X、Y坐标(视图坐标)
    int x = (int) event.getX();
    int y = (int) event.getY();
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            // 处理输入的按下事件
            break;
        case MotionEvent.ACTION_MOVE:
            // 处理输入的移动事件
            break;
        case MotionEvent.ACTION_UP:
            // 处理输入的离开事件
            break;
    }
    return true;
}

　　在不涉及多点操作的情况下，通常可以使用以上代码来完成触控事件的监听，不过这里只是一个代码模板，后面我们会在触控事件中完成具体的逻辑。

　　在Android中，系统提供了非常多的方法来获取坐标值、相对距离等。方法丰富固然好，但也给初学者带来了很多困惑，不知道在什么情况下使用什么方法，下面总结了一些API，结合Android坐标系来看看该如何使用它们，如下图所示。

　　这些方法可以分成如下两个类别：

  • View提供的获取坐标方法
    getTop()：获取到的是View自身的顶边到其父布局顶边的距离。
    getLeft()：获取到的是View自身的左边到其父布局左边的距离。
    getRight()：获取到的是View自身的右边到其父布局左边的距离。
    getBottom()：获取到的是View自身的底边到其父布局顶边的距离。

  • MotionEvent提供的方法
    getX()：获取点击事件距离控件左边的距离，即视图坐标。
    getY()：获取点击事件距离控件顶边的距离，即视图坐标。
    getRawX()：获取点击事件距离整个屏幕左边的距离，即绝对坐标。
    getRawY()：获取点击事件距离整个屏幕顶边的距离，即绝对坐标。

　　相信通过上图，读者们应该对MotionEvent和Android坐标系有了一个比较清楚的认识。

原文地址滑动效果是如何产生的(Android群英传)

我的自媒体博客Blankj小站，欢迎来逛逛。

打个小广告

欢迎加入我的小专栏「基你太美」一起学习。