Kotlin进阶-5-View的滑动与动画

从 Android 3.0 开始，View 增加了 x，y，translationX 和 translationY。

x，y 同样是 View 左上角相对父容器的坐标，但不同于 left 和 top ，这两个坐标点的值并一定都是相等的。而不相等的情况是由 translationX 和 translationY 值的设置引起的。

translationX 和 translationY 是 View 在做完动画移动后，左上角相对父容器左上角的偏移量，translationX 和 translationY 默认值都为 0。view动画移动后，x、left、translationX之间的关系如下：

x = left + translationX

如下图：红色框是一个LinearLayout，内部绿色框是一个ImageView，正常情况下ImageView是居中的，当我设置translationX值之后，它就会移动。

2、滑动位置---MotionEvent和TouchSlop

在Android中，我们可以通过OnTouchListener时间来监听用户的触摸手机的事件：点击、滑动、长按等，同时它会返回一个MotionEvent的参数，通过MotionEvent可以获取我们点击的位置。

x和y返回的是相对于你点击的view左上角的x、y坐标；

rawX和rawY是相对于手机屏幕左上角的x、y坐标。

TouchSlop是系统所能识别出的被认为是滑动的最小距离，换句话说，如果你手指在屏幕上滑动的距离小于TouchSlop常量的话，系统认为你没有做滑动操作。

我们开发中，也可以通过这个常量来忽略掉一些很小的滑动操作。

这个常量可以通过ViewConfiguration.get(this).scaledTouchSlop获取到。

3、滑动速度---VelocityTracker

VelocityTracker是用来进行速度追踪的，用于获取手指滑动屏幕的速度，它的实现方式如下：

需要注意的时候，在进行红色框中的速度获取之前，必须传入你要计算的速度的时间单位。也就是调用绿色框中computeCurrentVelocity(100)方法，参数单位是毫秒，这里我计算的是，100ms内滑动的速度。计算公式如下：

速度=（终点位置-起点位置）／100毫秒结果=100毫秒滑过的像素数

当我们不使用的时候，应该进行重置并且回收内存。

注意：想要获取速度，监听的View，必须是可以滑动的View，比如RecyclerView、ScrollView。

4、手势检测---GestureDetector

GestureDetector是用来对用户操作行为进行检测和判断的。它的实现过程就是下图红色框的操作就可以了。

它的内部方法有6种，如下图蓝色框。

GestureDetector除了监听上面的6种事件以外，还能监听双击相关的操作。

它的实现只要在上面的detector对象上set一下双击的监听事件就可以了。

5、View滑动方式1---ScrollTo/ScrollBy

对于View的滑动我们可以通过ScrollTo/ScrollBy来实现，下面是它们的源码：

从上面的源码看到ScrollBy调用了ScrollTo。

ScrollBy和ScrollTo滑动的是内容的位置，不会改变该View的布局位置，从下面的“你好啊”就能知道，因为它的背景色没有移动，移动的只是“你好啊”。

ScrollBy实现的是基于当前位置的相对滑动，ScrollTo实现的是基于传递参数的绝对移动。

从下面的输出结果可以看出，我们view在滑动之前scrollX、Y都为0，当我们滑动后scrollX、Y值改变。

蓝色框：scrollTo--滑动的是绝对位置，多次触发以后，scrollX、Y值不变，也不会有滑动效果

绿色框：scrollBy---滑动的相对位置，多次触发以后，scrollX、Y值累加，view在一直滑动

6、View滑动方式2---动画

Android中动画分为两大类：传统动画和属性动画，传统动画又分为：帧动画和补间动画。

这里我们通过补间动画来实现View的滑动效果。

6.1、传统动画实现方式一

在anim资源文件夹中创建动画资源文件，然后在代码中调用即可。

6.2、传统动画实现方式二

第二种实现方式就是动态实现了。

注意1: 如果你想要动画移动后，保持移动后的位置，就需要设置fillAfter=true，否则在动画变化完之后，该View会恢复到动画之前的位置。

注意2:传统动画只改变的是该View的影像位置，它的真身其实没有变化，如果你对该View设置了点击的监听事件，你点击动画后的位置是没有反应的，你只有点击它的真身位置才行。

上面的scrollTo和scrollBy也只是改变了内容的位置，它的真身和背景色都不会变化。

针对这个问题，我们可以在可以创建一个和动画View一摸一样的View，同时具有相同的点击事件，当我们完成动画的一刹那，隐藏动画View，显示我们它的假身。

6.3、属性动画

上面我们说了传统动画只能改变View的影像位置，它的真身其实还在原处，但是我们的属性动画能真正的移动我们View，也就是说你对View进行完属性动画后，你点击该View，它自身的点击事件会被触发，但是传统动画，你点击它的动画后的位置，是没有反应的。

属性动画的实现如下图：

7、View滑动方式3---改变布局参数

改变布局参数的移动效果，移动的也是View的真身。

8、View滑动三种方式对比

scorllTo/scrollBy：实现简单，没有中间过渡动画效果；但是只有内容位置变化，其View本身的布局位置不会变化；

传统动画：实现简单，有中间过渡动画效果；但是只会改变影像位置，有交互的话，不建议使用；

属性动画：实现简单，有中间过渡动画效果；可以改变View的位置，可以用于有交互的View，但是只能在Android3.0以后使用；对于3.0一下的版本可以使用nineoldandroids这个库来弥补。

改变布局参数：实现稍微复杂，没有中间过渡动画效果；但是对于有交互的View来说，可以用该方法实现。

9、弹性滑动---过渡动画

上面讲解了View滑动的三种方式，其中除了动画的方式带有中间的过渡滑动效果以外，其他两种方式都是没有过渡效果的，它们都是直接跳到了指定的位置。这种用户体验的方式很明显不是很好。

实现带有过渡效果的滑动动画的方式有三种：

1、使用Scroller；

2、使用动画

3、Handler#postDelayed+Thread#sleep

那么接下来，我们首先讲解怎样利用Scroller让scorllTo实现带有过渡动画的滑动效果。

9.1、Scroller

要想让scorllTo实现带有过渡动画的滑动效果，首先需要重写View。

它的实现如下图：

我们来看一下Scoller的startScroll()的源码，我们会发现这里没有做任何的开始动画的操作，只有赋值操作。

那么哪里实现了过渡动画呢？

答案在startScroll()下面的invalidate()方法，当我们重新绘制该View的时候，会触发绿色框内的computeScroll()方法，然后该方法会触发mScroller.computeScrollOffset()，该方法内部会根据时间计算出你当前View要滑动的距离，然后在重新调用postInvalidate()方法，重新绘制该View，然后再重新触发computeScroll()方法。

这样我们的view会在1000毫秒内，不断地重新绘制我们的View，这样就实现了过渡动画的效果。