本系列文章一共5篇
谁说Android的动画不廉价（一）之项目分层
谁说Android的动画不廉价（二）之转场动画
谁说Android的动画不廉价（三）之共享元素动画
谁说Android的动画不廉价（四）之元素动画
谁说Android的动画不廉价（五）之水波纹动画
GitHub源码

引言

本篇博文是基于上一篇博文谁说Android的动画不廉价（一）之项目分层的基础上做的拓展。需要实现的是Android下面这种转场效果。

目标效果图

转场动画

前提说明

开启转场动画

一般我们切换到另外一个Activity是使用startActivity(Intent intent);的方法。转场时使用的是Android系统默认的转场动画。如果需要使用自定义的转场动画。那么我们就需要使用startActivity(Intent intent,Bundle bundle);的方法去启动Activity。其中bundle是使用ActivityOptionsCompat类导出的。也就是ActivityOptionsCompat可以存储了转场效果的配置选项，然后导出到Bundle通过Intent去传送。

创建转场动画

加载转场动画的方式有两种，跟Android Animation类似。可以通过代码创建和XML创建。

代码创建

有下面几个相关的类。

Transition

这个类是一个抽象类，主要是提供View 是怎么改变的，从而去达到不同的动画效果。

TransitionSet

从Set命名我们可以知道，作用跟AnimationSet类似，可以成组地管理Transition。

Visibility

该类主要是决定View是否可见和View是否需要移除。

Slide

继承自Visibility，Android为我们提供实现从边缘位置移入移出视图的动画。

Explode

继承自Visibility，Android为我们提供实现从屏幕中心位置移入移出视图的动画。

Fade

继承自Visibility，Android为我们提供实现改变透明度移入移出视图的动画。

XML创建

XML创建的话我们需要去使用一个Inflater去加载。返回一个Transition
TransitionInflater.from(Context context).inflateTransition(transitionID);

加载XML的套路都是差不多的。。。

设置转场动画

我们通过getWindow.setXXXTransition去设置我们创建出来的动画。其中XXX有一些几个常见的

Window.setEnterTransition()：设置进入动画
Window.setExitTransition()：设置退出动画
Window.setReturnTransition()：设置从上一个Activity返回动画
Window.setReenterTransition()：设置从新渲染动画，例如ViewGroup或者子View的位置大小等发生改变。
Window.setSharedElementEnterTransition()：设置共享元素的进入动画
Window.setSharedElementExitTransition()：设置共享元素的退出动画

着手代码

资源文件

我们需要创建四个Drawable

circle_blue.xml

<?xml version="1.0" encoding="utf-8"?>

circle_orange.xml

<?xml version="1.0" encoding="utf-8"?>

circle_red.xml

<?xml version="1.0" encoding="utf-8"?>

circle_yellow.xml

<?xml version="1.0" encoding="utf-8"?>

布局文件

activity_main.xml

首先我们先搭建好布局

主界面

<?xml version="1.0" encoding="utf-8"?>

activity_transition_demo.xml

转场动画界面

<?xml version="1.0" encoding="utf-8"?>

代码文件

MainActivity.java

package demo.august1996.top.transitionanimationsdemo;import android.content.Intent;import android.support.v4.app.ActivityOptionsCompat;import android.transition.Slide;import android.view.Gravity;import android.view.View;import demo.august1996.top.transitionanimationsdemo.Activity.ToolbarActivity;public class MainActivity extends ToolbarActivity {    @Override    protected void beforeInitView() {        super.beforeInitView();        Slide slideTransition = new Slide();        slideTransition.setSlideEdge(Gravity.LEFT);        slideTransition.setDuration(1000);        getWindow().setReenterTransition(slideTransition);        getWindow().setExitTransition(slideTransition);    }    @Override    protected void initView() {    }    @Override    protected int getContentViewID() {        return R.layout.activity_main;    }    @Override    protected String getToolbarTitle() {        return "谁说Android的动画不廉价";    }    public void transition(View v) {        Intent intent = new Intent(this, TransitionActivity.class);        ActivityOptionsCompat activityOptionsCompat = ActivityOptionsCompat.makeSceneTransitionAnimation(this);        startActivity(intent, activityOptionsCompat.toBundle());    }    public void shareElements(View v) {    }    public void viewAnimations(View v) {    }    public void circularAnimations(View v) {    }}

这里的代码量比较少，大多数东西是从前面提到过的。直接看TransitionActivity的代码

TransitionActivity.java

package demo.august1996.top.transitionanimationsdemo;import android.content.Intent;import android.support.v4.app.ActivityOptionsCompat;import android.view.View;import demo.august1996.top.transitionanimationsdemo.Activity.ToolbarActivity;public class TransitionActivity extends ToolbarActivity {    public static final int EXPLODE_CODE = 1;    public static final int EXPLODE_XML = 2;    public static final int SLIDE_CODE = 3;    public static final int SLIDE_XML = 4;    @Override    protected void beforeInitView() {        super.beforeInitView();    }    @Override    protected void initView() {    }    @Override    protected int getContentViewID() {        return R.layout.activity_transition;    }    @Override    protected String getToolbarTitle() {        return "转场动画";    }    public void explodeCode(View v) {        Intent intent = new Intent(this, TransitionDemoActivity.class);        intent.putExtra("type", EXPLODE_CODE);        ActivityOptionsCompat activityOptionsCompat = ActivityOptionsCompat.makeSceneTransitionAnimation(this);        startActivity(intent, activityOptionsCompat.toBundle());    }    public void explodeXML(View v) {        Intent intent = new Intent(this, TransitionDemoActivity.class);        intent.putExtra("type", EXPLODE_XML);        ActivityOptionsCompat activityOptionsCompat = ActivityOptionsCompat.makeSceneTransitionAnimation(this);        startActivity(intent, activityOptionsCompat.toBundle());    }    public void slideCode(View v) {        Intent intent = new Intent(this, TransitionDemoActivity.class);        intent.putExtra("type", SLIDE_CODE);        ActivityOptionsCompat activityOptionsCompat = ActivityOptionsCompat.makeSceneTransitionAnimation(this);        startActivity(intent, activityOptionsCompat.toBundle());    }    public void slideXML(View v) {        Intent intent = new Intent(this, TransitionDemoActivity.class);        intent.putExtra("type", SLIDE_XML);        ActivityOptionsCompat activityOptionsCompat = ActivityOptionsCompat.makeSceneTransitionAnimation(this);        startActivity(intent, activityOptionsCompat.toBundle());    }    @Override    protected boolean canBack() {        return true;    }}

其实这里也没有太多的代码主要是根据不同的参数去启动Activity，我们主要的动画代码其实是在TransitionDemoActivity里面

TransitionDemoActivity.java

这才是主要的代码

package demo.august1996.top.transitionanimationsdemo;import android.transition.Explode;import android.transition.Slide;import android.transition.Transition;import android.transition.TransitionInflater;import android.view.Gravity;import android.view.View;import android.view.animation.DecelerateInterpolator;import demo.august1996.top.transitionanimationsdemo.Activity.ToolbarActivity;public class TransitionDemoActivity extends ToolbarActivity {    @Override    protected void beforeInitView() {        super.beforeInitView();        Transition transition = null;        switch (getIntent().getIntExtra("type", -1)) {            case TransitionActivity.EXPLODE_CODE:                transition = new Explode();                transition.setDuration(1000);                transition.setInterpolator(new DecelerateInterpolator());                break;            case TransitionActivity.EXPLODE_XML:                transition = TransitionInflater.from(this).inflateTransition(R.transition.simple_explode);                break;            case TransitionActivity.SLIDE_CODE:                transition = new Slide();                ((Slide) transition).setSlideEdge(Gravity.RIGHT);                transition.setDuration(1000);                transition.setInterpolator(new DecelerateInterpolator());                break;            case TransitionActivity.SLIDE_XML:                transition = TransitionInflater.from(this).inflateTransition(R.transition.simple_slide);                break;        }        if (transition != null) {            getWindow().setEnterTransition(transition);            getWindow().setExitTransition(transition);        }    }    @Override    protected String getToolbarTitle() {        return "转场动画看这里";    }    @Override    protected void initView() {    }    @Override    protected int getContentViewID() {        return R.layout.activity_transition_demo;    }    public void exit(View v) {        finishAfterTransition();    }    @Override    protected boolean canBack() {        return true;    }}

咋一看，这里也没多少代码。。。所以说Android的动画其实也是很廉价的。最主要看看下面两个动画资源文件怎么写。

动画资源文件

新建res/transition文件夹
在新建文件夹下新建simple_explode.xml

<?xml version="1.0" encoding="utf-8"?>

在新建文件夹下新建simple_explode.xml

<?xml version="1.0" encoding="utf-8"?>

谁说Android的动画不廉价（二）之转场动画

引言