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切换动画，打造更好的用户体验