简单使用Animator打造一个平滑的转场特效(开源)

本文链接：https://blog.csdn.net/qq_40033365/article/details/80786224

本文介绍如何利用Animator在Android中创建平滑的转场特效，特别是在RecyclerView的Item点击时，增加用户体验。通过理解View的位置坐标与父容器的关系，结合Animator进行缩放和平移操作，实现上滑与下滑的动画效果。项目已开源，可在GitHub上查看详细代码。

摘要由CSDN通过智能技术生成

废话不多说，先放效果图

项目已开源 https://github.com/Nixo0427/AndroidAnimatorDemo

下面就进入正文了，为什么要做这么一个动画呢，当然是为了让用户更舒服的享受APP(装逼)咯,再说说用处吧，比如说RecyclerView的Item点击后，可以使用这个转场动画来过渡，达到更佳的效果，说到这里是不是有点小心动呢，那么到底是怎么实现的呢，其实不难，这里就只用一个Animator类就可以了！

1.在正式开始之前，我们需要了解一下View的位置坐标和父容器的关系。(如果你很熟悉了可以直接看2的内容)

View.getX() -> 获取父容器宽度

View.getY() -> 获取父容器高度

View.getTop() -> 获取View左上角到父容器顶部的距离

View.getBottom() -> 获取View右下角到父容器顶部的距离

View.getLeft() -> 获取View左上角到父容器左部的距离

View.getRight() -> 获取View右下角到父容器的左部的距离

View.getWidth() -> 获取View的宽度

View.getHeight() -> 获取View的高度

如果上面的你还没理解，没关系接下来一张图就会让你恍然大悟！

大概关系就是如上图所示，这里的View指的是我们手机中心的ImageView。

2.使用Animator来开始我们的动画

我们可以在看一下开头的Gif ，我们分析一下，当图片上去的时候，它总共做了2件事第一件事就是讲图片用圆缩小到一定程度，第二件事就是将图片平移到上方之后放大图片，放大的比例正是我们第1节中所用到的父容器的X除以View的宽度！

那么回去呢？回去我们跟上去是一样的，也是先缩小同样的比例，然后再下移，再放大。下面我们就一步一步的用代码来实现我们的逻辑。

2,1 上去的代码，这里简单的吧上去称为GO

首先，我们需要用圆形特效将Image变为一个圆使用到的是ViewAnimatorUtils.createCircularReval()方法

int w  = imageView.getWidth(); // 获取View宽度
int h = imageView.getHeight(); //获取View高度
int x = w/2;  //圆心横坐标
int y = h/2;  //圆的纵坐标
int sr = (int) Math.sqrt((w*w)+(h*h)); //圆的半径（这里使用勾股定理）Math.sqrt为开平方

Animator go = ViewAnimationUtils.createCircularReveal(imageView,x,y,sr,30); //最小的半径是30 这样会有一个弹出的效果