Android转场动画的学习

本文转自：http://www.jianshu.com/p/e63090e06c3e#

最近在UI中国看见一个很好看的效果，它是这样的：

yuansu2.gif

链接地址：http://www.ui.cn/detail/237678.html

然后我上网搜了一下，发现Android5.0以上版本，在Activity切换时是有提供动画的。
所以这篇文章会简单的介绍一下Android的几种转场动画，才疏学浅，讲不深入，只讲下基本用法，见谅。

Android的转场动画，有如下几种：

Explode:

explored.gif

使用方法：
首先是将启动Activity的方法改为如下所示：

startActivity(new Intent(this, SecondActivity.class), ActivityOptions.makeSceneTransitionAnimation(this).toBundle());

然后在SecondActivity中设置转场方式：

getWindow().setEnterTransition(new Explode().setDuration(2000));getWindow().setExitTransition(new Explode().setDuration(2000));

这个的转场方式有入场和出场。
好了，这样就可以了，大家可以试试，就能看到效果了。

Slide：

slide.gif

和上一个类似，我们只需要把Explode改为Slide即可：

getWindow().setEnterTransition(new Slide().setDuration(2000));getWindow().setExitTransition(new Slide().setDuration(2000));

Fade：

fade.gif

相信大家都猜到了，我们只需要把Slide改为Fade即可:

getWindow().setEnterTransition(new Fade().setDuration(2000));getWindow().setExitTransition(new Fade().setDuration(2000));

共享元素：

共享元素是一个比较神奇的东西，在开始处UI中国的那个效果，我也仿着实现了一下，就是用共享元素实现的。

yuansu.gif

可以看到场景的切换很自然。图片慢慢放大，好像慢慢变成了SecondActivity 里的图片。当返回上一个Activity 时，感觉图片慢慢变小，然后慢慢的变成了上一个Activity的图片。
这就是共享元素，当两个Activity中有同一个控件时，我们就可以使用共享元素动画。

使用方法：
首先我们需要在需要共享的控件中声明android:transitionName="myImage"属性(在两个Activity布局文件中都要声明，而且值要一样)。
在我的例子中，那张图片就是共享元素，其xml文件如下:

<ImageView    android:id="@+id/image"    android:transitionName="myImage"    android:layout_width="match_parent"    android:layout_height="200dp"    android:src="@mipmap/timg2"    android:onClick="share"/>

然后就是启动Activity：

startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,image,"myImage").toBundle());

可以发现这里多了两个参数，一个是image，这个就是你的共享元素view，后面那个就是你的transitionName。
这样就实现了共享元素动画，大家可以试一试。

那么如果我们有多个共享元素怎么办呢？
我们可以使用Pair.create方法，如下：

startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,Pair.create((View)image,"myImage"),Pair.create((View)text,"myText")).toBundle());

Pair.create里有两个参数，第一个是共享元素view(注意这里类型必须为view类型)，第二个是transitionName

好了，这样的话，Activity的转场动画就讲完了。

相关代码：https://github.com/ChenTianSaber/AndroidTransition