Android 动画 跳转太快,Activity过渡（跳转）动画

文本中我们将讲解activity切换动画相关的知识点，这里的切换动画指的是是activity跳转时的动画效果。一个程序的UI就像姑娘的脸蛋，漂亮的第一印象总是不错。各种炫酷屌炸天的交互效果也可以牢牢抓住用户的心，这里我们就最简单的页面跳转效果来简单实现一波。

效果.gif

在介绍activity的切换动画之前我们先来说明一下实现切换activity的两种方式：

调用startActivity方法启动一个新的Activity并跳转其页面

调用finish方法销毁当前的Activity返回上一个Activity界面

这里我们使用最简单的xml方式来编写我们的动画，想必大家一定知道安卓的补间动画了，也就是我们熟知的 alpha(淡入淡出)，translate(位移)，scale(缩放大小)，rotate(旋转)。补间动画的实现，一般会采用xml 文件的形式；代码会更容易书写和阅读，同时也更容易复用。

然后呢？

我们首先再res目录下新建一个anim文件夹用来存储我们即将定义的各种translate动画效果

嗯，就这样

translate标签 —— 平移

自身属性

android:fromXDelta 起始点X轴坐标，可以是数值、百分数、百分数p 三种样式，比如 50、50%、50%p，具体意义已在scale标签中讲述，这里就不再重讲

android:fromYDelta 起始点Y轴从标，可以是数值、百分数、百分数p 三种样式；

android:toXDelta 结束点X轴坐标

android:toYDelta 结束点Y轴坐标

bottom_in动画:

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="300"

android:fromYDelta="100%p"

android:toYDelta="0"/>

bottom_out动画:

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="300"

android:fromYDelta="0"

android:toYDelta="-100%p"/>

这里通常我们是一组一组动画使用，一个代表activty创建时的动画(进入)，另外一个时销毁时的动画(退出)。

在这里楼主定义一个动画基类activity，其中构造一个抽象方法，返回需要执行的动画，代码非常简单，直接上了。

public abstract class BaseActivity extends AppCompatActivity{

public enum TransitionMode{ LEFT, RIGHT, TOP, BOTTOM, SCALE, FADE};

protected abstract TransitionMode getOverridePendingTransitionMode();

@Override

protected void onCreate(@Nullable Bundle savedInstanceState) {

if (getOverridePendingTransitionMode() != null) {

switch (getOverridePendingTransitionMode()) {

case LEFT:

overridePendingTransition(R.anim.left_in, R.anim.left_out);

break;

case RIGHT:

overridePendingTransition(R.anim.right_in, R.anim.right_out);

break;

case TOP:

overridePendingTransition(R.anim.top_in, R.anim.top_out);

break;

case BOTTOM:

overridePendingTransition(R.anim.bottom_in, R.anim.bottom_out);

break;

case SCALE:

overridePendingTransition(R.anim.scale_in, R.anim.scale_out);

break;

case FADE:

overridePendingTransition(R.anim.fade_in, R.anim.fade_out);

break;

}

super.onCreate(savedInstanceState);

}

}

@Override

public void finish() {

super.finish();

if (getOverridePendingTransitionMode()!=null) {

switch (getOverridePendingTransitionMode()) {

case LEFT:

overridePendingTransition(R.anim.right_in,R.anim.right_out);

break;

case RIGHT:

overridePendingTransition(R.anim.left_in,R.anim.left_out);

break;

case TOP:

overridePendingTransition(R.anim.bottom_in,R.anim.bottom_out);

break;

case BOTTOM:

overridePendingTransition(R.anim.top_in,R.anim.top_out);

break;

case SCALE:

overridePendingTransition(R.anim.scale_in_disappear,R.anim.scale_out_disappear);

break;

case FADE:

overridePendingTransition(R.anim.fade_in_disappear,R.anim.fade_out_disappear);

break;

}

}

}}

妥妥的

相信各位已经明白了一切，无非就是在onCreate和onFinish中执行我们的动画而已。这里我把其它效果的代码也贴出来。

fade_in xml：

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="1000"

android:fromAlpha="0.0"

android:toAlpha="1.0" />

fade_out xml：

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="1000"

android:fromAlpha="1.0"

android:toAlpha="1.0" />

fade_in_disappear xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="1000"

android:fromAlpha="1.0"

android:toAlpha="1.0" />

fade_out_disappear xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="1000"

android:fromAlpha="1.0"

android:toAlpha="1.0" />

left_in xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="500"

android:fromXDelta="100%p"

android:toXDelta="0"/>

left_out xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="300"

android:fromXDelta="0"

android:toXDelta="-100%p"/>

right_in xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="300"

android:fromXDelta="-100%p"

android:toXDelta="0"/>

right_out xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="300"

android:fromXDelta="0"

android:toXDelta="100%p"/>

scale_in xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="300"

android:fromXScale="0.0"

android:fromYScale="0.0"

android:toXScale="1.0"

android:toYScale="1.0"

android:pivotX="50%"

android:pivotY="50%"/>

scale_out xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="300"

android:fromXScale="1.0"

android:fromYScale="1.0"

android:toXScale="1.0"

android:toYScale="1.0" />

scale_in_disappear xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="300"

android:fromXScale="1.0"

android:fromYScale="1.0"

android:toXScale="1.0"

android:toYScale="1.0"

android:pivotX="50%"

android:pivotY="50%"/>

scale_out_disappear xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="300"

android:fromXScale="1.0"

android:fromYScale="1.0"

android:toXScale="0.0"

android:toYScale="0.0"

android:pivotX="50%"

android:pivotY="50%"/>

top_in xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="300"

android:fromYDelta="-100%p"

android:toYDelta="0"/>

top_out xml

xmlns:android="http://schemas.android.com/apk/res/android"

android:duration="300"

android:fromYDelta="-100%p"

android:toYDelta="0"/>

额，大家可以自己随便组合随便写，自己觉得看上去比较数据就okay。

那么我们想使用动画的话，只需要继承BaseActivity，然后在抽象方法中写出想实现的枚举类型就好了。

public class LeftActivity extends BaseActivity{

@Override

protected void onCreate(@Nullable Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.second);

}

@Override

protected TransitionMode getOverridePendingTransitionMode() {

return TransitionMode.LEFT;

}}

好了，暂时就了解这写最简单的。各位再见