一、系统自带动画效果

假如有 A 和 B 两个 Activity, 从 A 进入 B,调用
startActivity(Intent(this,AnimCutOutActivity::class.java))
overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out)

  • 第一个动画android.R.anim.fade_in 表示 B 进入时的动画，第二个动画android.R.anim.fade_out 表示 A 退出时的动画。

从 B 退出进入 A, 调用
finish()
overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out)

  • 第一个动画android.R.anim.fade_in 表示重新显示 A 的动画
  • 第二个动画android.R.anim.fade_out 表示 B 退出的动画

    1.1 设置无动画效果

    iShot2020-09-0923.18.28.gif
    实现： ``` //进入的动画 startActivity(Intent(this,AnimCutOutActivity::class.java)) overridePendingTransition(0,0)

//退出时 finish() overridePendingTransition(0,0)

  1. <a name="b7RB5"></a>
  2. ### 1.2 淡入淡出
  3. ![iShot2020-09-0923.22.45.gif](https://cdn.nlark.com/yuque/0/2020/gif/1624725/1599664984110-74f20f8b-1c36-4625-851d-26cc503d0c2b.gif#align=left&display=inline&height=1030&margin=%5Bobject%20Object%5D&name=iShot2020-09-0923.22.45.gif&originHeight=1030&originWidth=622&size=5491327&status=done&style=none&width=622)<br />实现：

startActivity(Intent(this,AnimCutOutActivity::class.java)) overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out)

finish() overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out)

  1. <a name="rKsiu"></a>
  2. ### 1.3 左右交错
  3. ![iShot2020-09-0923.24.58.gif](https://cdn.nlark.com/yuque/0/2020/gif/1624725/1599665113654-a582dd94-462d-4b57-86d9-010c1d9c67ac.gif#align=left&display=inline&height=1020&margin=%5Bobject%20Object%5D&name=iShot2020-09-0923.24.58.gif&originHeight=1020&originWidth=608&size=5239922&status=done&style=none&width=608)<br />实现：

startActivity(Intent(this,AnimCutOutActivity::class.java)) overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right)

finish() overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right)

  1. <a name="s8JLl"></a>
  2. ## 二、自定义简单转场动画
  3. <a name="Ub4Hg"></a>
  4. ### 2.1 淡入淡出
  5. 效果和上面系统自带的淡入淡出一样。<br />实现：

startActivity(Intent(this,AnimCutOutActivity::class.java)) overridePendingTransition(R.anim.activity_fade_in,R.anim.activity_fade_out)

finish() overridePendingTransition(R.anim.activity_fade_in,R.anim.activity_fade_out)

  1. activity_fade_in：

<?xml version=”1.0” encoding=”utf-8”?>

  1. activity_fade_out:

<?xml version=”1.0” encoding=”utf-8”?>

  1. <a name="BXdB0"></a>
  2. ### 2.2 左进右出
  3. ![iShot2020-09-1122.27.24.gif](https://cdn.nlark.com/yuque/0/2020/gif/1624725/1599834483864-275875a4-858c-4138-b6fe-a98520288637.gif#align=left&display=inline&height=1024&margin=%5Bobject%20Object%5D&name=iShot2020-09-1122.27.24.gif&originHeight=1024&originWidth=608&size=6789556&status=done&style=none&width=608)<br />实现：

startActivity(Intent(this,AnimCutOutActivity::class.java)) overridePendingTransition(R.anim.activity_slide_left_in,R.anim.activity_slide_right_out)

finish() overridePendingTransition(R.anim.activity_slide_left_in,R.anim.activity_slide_right_out)

  1. activity_slide_left_in:

<?xml version=”1.0” encoding=”utf-8”?>

  1. activity_slide_right_out:

<?xml version=”1.0” encoding=”utf-8”?>

  1. <a name="itlK5"></a>
  2. ### 2.3 右进左出
  3. ![iShot2020-09-1122.31.20.gif](https://cdn.nlark.com/yuque/0/2020/gif/1624725/1599834712837-211741b1-d292-4c3a-9bff-4347848047f4.gif#align=left&display=inline&height=1030&margin=%5Bobject%20Object%5D&name=iShot2020-09-1122.31.20.gif&originHeight=1030&originWidth=612&size=5176438&status=done&style=none&width=612)<br />实现：

startActivity(Intent(this,AnimCutOutActivity::class.java)) overridePendingTransition(R.anim.activity_slide_right_in,R.anim.activity_slide_left_out)

finish() overridePendingTransition(R.anim.activity_slide_right_in,R.anim.activity_slide_left_out)

  1. activity_slide_right_in:

<?xml version=”1.0” encoding=”utf-8”?>

  1. activty_slide_left_out:

<?xml version=”1.0” encoding=”utf-8”?>

  1. <a name="MobYx"></a>
  2. ### 2.4 其他效果
  3. 基本都类似，有了这些动画以后就可以自由组合，实现自己想要的结果。下面实现一个常见的动画效果，进入时右进左出，退出时左进右出，效果如下：<br />![iShot2020-09-1122.37.24.gif](https://cdn.nlark.com/yuque/0/2020/gif/1624725/1599835075904-73e54873-8011-473f-8aff-377c87bb85d4.gif#align=left&display=inline&height=1012&margin=%5Bobject%20Object%5D&name=iShot2020-09-1122.37.24.gif&originHeight=1012&originWidth=602&size=4643414&status=done&style=none&width=602)<br />实现：

startActivity(Intent(this,AnimCutOutActivity::class.java)) overridePendingTransition(R.anim.activity_slide_right_in,R.anim.activity_slide_left_out)

finish() overridePendingTransition(R.anim.activity_slide_left_in,R.anim.activity_slide_right_out)

  1. <a name="wgOrg"></a>
  2. ## 三、通过windowAnimationStyle来实现
  3. 在styles 里的 Activity 主题上加上：
  1. <style name="SlideRightLeft" parent="@android:style/Animation.Activity">
  2.     <item name="android:activityOpenEnterAnimation">@anim/activity_slide_right_in</item>
  3.     <item name="android:activityOpenExitAnimation">@anim/activity_slide_left_out</item>
  4.     <item name="android:activityCloseEnterAnimation">@anim/activity_slide_left_in</item>
  5.     <item name="android:activityCloseExitAnimation">@anim/activity_slide_right_out</item>
  6. </style>
  1. 调用：
  1. <style name="AppThemeAnim" parent="Theme.AppCompat.Light.NoActionBar">
  2.     <!-- Customize your theme here. -->
  3.     <item name="colorPrimary">@color/colorPrimary</item>
  4.     <item name="colorPrimaryDark">@color/blue_74D3FF</item>
  5.     <item name="colorAccent">@color/colorAccent</item>
  6.     <item name="android:windowAnimationStyle">@style/SlideRightLeft</item>
  7. </style>

```

  • 在A启动B时：
    activityOpenEnterAnimation：B进入的动画
    android:activityOpenExitAnimation：A退出的动画
  • 在B后退回A时：
    activityCloseEnterAnimation：A重新进入的动画
    activityCloseExitAnimation：B退出的动画

和代码实现效果一样，都是四个动画。

四、更复杂的动画效果

iShot2020-09-1122.49.59.gif
这种动画效果有个库实现的效果很好，CircularAnim可以看这个库如何使用，也可以去看源码如何实现的。一般来说使用系统默认的动画效果就好，这样比较符合平时的使用习惯。特殊情况时才考虑去自定义转场动画。