Android动画学习三（Activity跳转动画）

Android5.x之前

在Android5.x之前，我们实现Activity的跳转动画主要是依赖overridePendingTransition(int enterAnim,int exitAnim)这个方法

当启动一个Acitivity的时候我们可以为Activity增加启动效果；
示例：

        textView1.setOnClickListener{
            startActivity(Intent(this,SecondActivity::class.java))
            overridePendingTransition(R.anim.activity_enter_anim1,R.anim.activity_exit_anim1)
        }

activity_enter_anim1.xml代码

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500">
    <!--p是代表父控件,关于XML文件里面的动画坐标可参照如下：-->

    <!--坐标可以是数值、百分数、百分数p 三种样式，比如 50、50%、50%p，当为数值时，表示在当前View的左上角，即原点处加上50px，做为起始缩放点；-->
    <!--如果是50%，表示在当前控件的左上角加上自己宽度的50%做为起始点；-->
    <!--如果是50%p，那么就是表示在当前的左上角加上父控件宽度的50%做为起始点坐标-->

    <translate
        android:fromYDelta="-100.0%p"
        android:toYDelta="0.0" />
</set>

activity_exit_anim1.xml代码

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500">

    <translate
        android:fromYDelta="0.0"
        android:toYDelta="-100.0%p" />

</set>

效果图：

当一个activity退出的时候我们也可以为其指定动画效果

示例：

    override fun finish() {
        super.finish()
        overridePendingTransition(R.anim.activity_enter_anim2,R.anim.activity_exit_anim2)
    }

activity_enter_anim2

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500">

    <scale
        android:fromXScale="0%"
        android:toXScale="100%"
        android:fromYScale="0%"
        android:toYScale="100%"
        android:pivotY="50%"
        android:pivotX="50%">
    </scale>

</set>

activity_exit_anim2

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500">

    <scale
        android:fromXScale="100%"
        android:toXScale="0%"
        android:fromYScale="100%"
        android:toYScale="0%"
        android:pivotY="50%"
        android:pivotX="50%">
    </scale>

</set>

效果图：

Android5.x

android5.x提供了三种Transition类型。

• 进入： 一个进入的过渡动画决定Activity中所有的视图怎么进入屏幕，

• 退出： 一个退出的过渡动画决定一个Activity中的所有视图怎么退出屏幕

• 共享元素： 一个共享元素的过渡动画决定两个Activity之间的过渡，怎么共享视图。

进入和退出包含下面三种效果

explode（分解），slide（滑动或者擦除），fade（淡化）

用法：假设我们想设置A到B的过度动画

1、在A中：

startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this).toBundle())

2、在B的 setContentView(R.layout….)之前先请求使用过渡动画：

window.requestFeature(Window.FEATURE_CONTENT_TRANSITIONS)

3、在B中设置动画的具体内容

 //这三个分别是：第一次进入过渡动画，重新进入过渡动画，退出过渡动画
 window.enterTransition = Explode()
 window.reenterTransition = Fade()
 window.exitTransition = Slide()

示例：

1、Activity“A”

        textView2.setOnClickListener {
            val intent = Intent(this, ThirdActivity::class.java)
            startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this).toBundle())
        }

2、Activity “B”（包含了2，3步奏）

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        window.requestFeature(Window.FEATURE_CONTENT_TRANSITIONS)
        setContentView(R.layout.activity_third)


        /**
         * 我们下面的加载transition动画也可以不用自己写xml，可以直接使用系统为
         * 我们提供的：
         * 如上面的设置进入动画我们可以这样写：
         *      window.enterTransition = Explode()
         *      window.reenterTransition = Fade()
         *      window.exitTransition = Slide()
         */

        val explodeTransition = TransitionInflater.from(this).inflateTransition(R.transition.explode)

        //设置进入动画和重新进入动画都为explode
        window.enterTransition = Slide()
        window.reenterTransition = explodeTransition
        window.exitTransition = explodeTransition

        textView1.setOnClickListener {
            startActivity(Intent(this, SecondActivity::class.java),
                    ActivityOptions.makeSceneTransitionAnimation(this).toBundle())
        }
    }

explode.xml(这个是我直接从另外一篇博客里面拿来用的，下文有博客链接)

<?xml version="1.0" encoding="utf-8"?>
<explode xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500">
</explode>

效果展示：（当使用Explode效果的时候和Slide效果相同，其他都正常，目前我还在查找错误，如果大家知道错误原因，欢迎指出）

---

共享元素效果

用法：假设我们想设置A到B的过渡动画
1、对于AB中我们希望共享的元素，在xml中添加。对于共享元素，我们添加的名称要相同。

android:transitionName="***"

2、Activity中对过渡效果的设置

如果只有一个共享元素

// “***” 是我们上面设置的transitionName
startActivity(intent,ActivityOptions.makeSceneTransitionAnimation(
                    this,view,"***").toBundle())

如果存在多个共享元素的话：

startActivity(intent,ActivityOptions.makeSceneTransitionAnimation(this, 
       Pair.create(View1,"name1"),
       Pair.create(tView2,"name2"),
       Pair.create(View3,"name3")).toBundle())

效果图：

源码链接：http://download.csdn.net/download/qq_27856623/9952834

参考：

Android群英传

酷炫的Activity切换动画，打造更好的用户体验