Activity 的切换效果 淡入淡出

前言

本次讲的是Activity 的浅入浅出动画,和自定义切换动画
1. 安卓系统中,Google 工程师已经为我们提供了四个Activity 跳转动画, 分别是android.R.anim.slide_in_left, android.R.anim.slide_out_right , android.R.anim.fade_in , android.R.anim.fade_out 。
2. 想使用Activity跳转动画有两种方式,一个是代码方式,另外一个是stytle方式。
(1. 在Activity中 重写 overridePendingTransition方法 使用overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out); 即可,为了代码的复用性,一般可以写在BaseActivity 中。 也可以直接在跳转后直接写overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out); 这样的话代码的复用性不是很高,但是很灵活。
(2. 那就是在res–>value–>stytle中来实现 ,并且在Manifest中指定该主题
这里写图片描述

  1. 在此需要自定义进出动画,可能会用到插值器。常见的插值器有以下三种:
    (1. LinearInterpolator:线性插值器,匀速运动;
    (2. AccelerateDecelerateInterpolator:加速减速插值器,动画两头慢中间快;
    (3.DecelerateInterpolator:减速插值器,动画越来越慢;

    当然也可以在stytle 中来配置,可以用来统一app进出风格

 <item  <item name="android:windowEnterAnimation">@android:anim/slide_in_left</item>
        <item name="android:windowExitAnimation">@android:anim/slide_out_right</item>

要点

1.
overridePendingTransition(int enterAnim,int exitAnim)

/* * @param enterAnim A resource ID of the animation resource to use for
     * the incoming activity.  Use 0 for no animation.
     * @param exitAnim A resource ID of the animation resource to use for
     * the outgoing activity.  Use 0 for no animation.
     */

官方解释: 进入的动画,和退出的动画
温馨提示:这个方法必须放在startActivity和finish之后才能调用

实现

使用google 提供的 slide_in_left 和slide_in_right

btnEnter.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                startActivity(new Intent(MainActivity.this, TwoMainActivity.class));
                overridePendingTransition(android.R.anim.slide_in_left, android.R.anim.slide_out_right);
            }
        });
        btnExit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
                overridePendingTransition(android.R.anim.slide_in_left, android.R.anim.slide_out_right);
            }
        });

这里写图片描述

这里写图片描述

使用google 提供的 android.R.anim.fade_in 和android.R.anim.fade_out

 btnEnter.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                startActivity(new Intent(MainActivity.this, TwoMainActivity.class));
                overridePendingTransition(android.R.anim.fade_in, android.R.anim.fade_out);
            }
        });
        btnExit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
                overridePendingTransition(android.R.anim.fade_in, android.R.anim.fade_out);
            }
        });

效果
这里写图片描述这里写图片描述

如果两个动画合起来是什么效果呢?

  btnEnter.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                startActivity(new Intent(MainActivity.this, TwoMainActivity.class));
                overridePendingTransition(android.R.anim.slide_in_left, android.R.anim.slide_out_right);
                overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);
            }
        });
        btnExit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
                overridePendingTransition(android.R.anim.slide_in_left, android.R.anim.slide_out_right);
                overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);
            }
        });

效果
这里写图片描述
这里写图片描述

调试完了google 工程师已经给我们提供的,那我们就来自定义动画吧

在res下新建anim文件夹,在anim 下新建两个动画文件 set 是一个动画集合

第一个fly_in_top.xml

<?xml version="1.0" encoding="utf-8"?>
<!--从上往下的效果-->
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate   android:fromYDelta="-50%p" android:toYDelta="0"
        android:duration="@android:integer/config_mediumAnimTime"/>
    <alpha android:fromAlpha="0.0" android:toAlpha="1.0"
        android:duration="@android:integer/config_mediumAnimTime"/>
</set>

第二个fly_in_fly_in_bottom.xml

<?xml version="1.0" encoding="utf-8"?>
<!--从上往下的效果-->
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate   android:fromYDelta="50%p" android:toYDelta="0"
        android:duration="@android:integer/config_mediumAnimTime"/>
    <alpha android:fromAlpha="0.0" android:toAlpha="1.0"
        android:duration="@android:integer/config_mediumAnimTime"/>
</set>

代码中设置

 btnEnter.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                startActivity(new Intent(MainActivity.this, TwoMainActivity.class));
                overridePendingTransition(R.anim.fly_in_top,R.anim.fly_in_bottom  );
            }
        });
        btnExit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();

                overridePendingTransition(R.anim.fly_in_top,R.anim.fly_in_bottom  );
            }

效果

这里写图片描述

这里写图片描述

到这里 你们可以完全自己定义一个属于自己的Activity 跳转动画了。

猜你喜欢

转载自blog.csdn.net/baidu_38477614/article/details/78870437