Android动画学习三(Activity跳转动画)

来源:互联网 发布:c语言双人贪吃蛇 编辑:程序博客网 时间:2024/05/16 09:08

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中对过渡效果的设置

如果只有一个共享元素

// “***” 是我们上面设置的transitionNamestartActivity(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切换动画,打造更好的用户体验

原创粉丝点击