Android Activity 界面跳转动画（系统、自定义）

平时我做的界面跳转都是默认的跳转，但是发现有很多app界面跳转很炫酷，我研究了一下，做个笔记，看了下，Android中有几种设置好的跳转方式，我demo中Android自带的跳转方式主要有5种：

默认效果

android.R.anim.fade_in 淡入

android.R.anim.fade_out 淡出

android.R.anim.slide_in_left 左滑

android.R.anim.slide_out_right 右滑

下面直接上代码展示：

这里我是从 MainActivity通过 Intent 跳转到 AfterJumpActivity，在 AfterJumpActivity 点击返回时是直接 finish()

MainActivity

1. import android.content.Intent;
2. import android.support.v7.app.AppCompatActivity;
3. import android.os.Bundle;
4. import android.view.View;
5. import android.widget.Button;
7. public class MainActivity extends AppCompatActivity implements View.OnClickListener{
9. @Override
10. protected void onCreate(Bundle savedInstanceState) {
11. super.onCreate(savedInstanceState);
12. setContentView(R.layout.activity_main);
14. Button btn_default = findViewById(R.id.btn_default);
15. Button btn_default1 = findViewById(R.id.btn_default1);
16. Button btn_default2 = findViewById(R.id.btn_default2);
17. Button btn_default3 = findViewById(R.id.btn_default3);
18. Button btn_default4 = findViewById(R.id.btn_default4);
20. btn_default.setOnClickListener(this);
21. btn_default1.setOnClickListener(this);
22. btn_default2.setOnClickListener(this);
23. btn_default3.setOnClickListener(this);
24. btn_default4.setOnClickListener(this);
26. }
28. @Override
29. public void onClick(View v) {
30. switch (v.getId()){
31. case R.id.btn_default:
32. startActivity(new Intent(MainActivity.this, AfterJumpActivity.class));
33. break;
34. case R.id.btn_default1:
35. startActivity(new Intent(MainActivity.this, AfterJumpActivity.class));
36. overridePendingTransition(android.R.anim.fade_in,0);
37. break;
38. case R.id.btn_default2:
39. startActivity(new Intent(MainActivity.this, AfterJumpActivity.class));
40. overridePendingTransition(android.R.anim.fade_out,0);
41. break;
42. case R.id.btn_default3:
43. startActivity(new Intent(MainActivity.this, AfterJumpActivity.class));
44. overridePendingTransition(android.R.anim.slide_in_left,0);
45. break;
46. case R.id.btn_default4:
47. startActivity(new Intent(MainActivity.this, AfterJumpActivity.class));
48. overridePendingTransition(android.R.anim.slide_out_right,0);
49. break;
50. }
51. }
52. }

activity_main.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. xmlns:tools="http://schemas.android.com/tools"
4. android:layout_width="match_parent"
5. android:layout_height="match_parent"
6. android:orientation="vertical"
7. tools:context=".MainActivity">
9. <Button
10. android:id="@+id/btn_default"
11. android:layout_width="match_parent"
12. android:layout_height="wrap_content"
13. android:text="默认效果"/>
15. <Button
16. android:id="@+id/btn_default1"
17. android:layout_width="match_parent"
18. android:layout_height="wrap_content"
19. android:text="淡入"/>
21. <Button
22. android:id="@+id/btn_default2"
23. android:layout_width="match_parent"
24. android:layout_height="wrap_content"
25. android:text="淡出"/>
27. <Button
28. android:id="@+id/btn_default3"
29. android:layout_width="match_parent"
30. android:layout_height="wrap_content"
31. android:text="左滑3"/>
33. <Button
34. android:id="@+id/btn_default4"
35. android:layout_width="match_parent"
36. android:layout_height="wrap_content"
37. android:text="右滑4"/>
39. </LinearLayout>

 

AfterJumpActivity

1. import android.support.v7.app.AppCompatActivity;
2. import android.os.Bundle;
3. import android.view.View;
4. import android.widget.Button;
6. public class AfterJumpActivity extends AppCompatActivity implements View.OnClickListener{
8. @Override
9. protected void onCreate(Bundle savedInstanceState) {
10. super.onCreate(savedInstanceState);
11. setContentView(R.layout.activity_after_jump);
13. Button btn_default = findViewById(R.id.btn_default);
14. Button btn_default1 = findViewById(R.id.btn_default1);
15. Button btn_default2 = findViewById(R.id.btn_default2);
16. Button btn_default3 = findViewById(R.id.btn_default3);
17. Button btn_default4 = findViewById(R.id.btn_default4);
19. btn_default.setOnClickListener(this);
20. btn_default1.setOnClickListener(this);
21. btn_default2.setOnClickListener(this);
22. btn_default3.setOnClickListener(this);
23. btn_default4.setOnClickListener(this);
24. }
26. @Override
27. public void onClick(View v) {
28. switch (v.getId()){
29. case R.id.btn_default:
30. finish();
31. break;
32. case R.id.btn_default1:
33. finish();
34. overridePendingTransition(android.R.anim.fade_in,0);
35. break;
36. case R.id.btn_default2:
37. finish();
38. overridePendingTransition(android.R.anim.fade_out,0);
39. break;
40. case R.id.btn_default3:
41. finish();
42. overridePendingTransition(android.R.anim.slide_in_left,0);
43. break;
44. case R.id.btn_default4:
45. finish();
46. overridePendingTransition(android.R.anim.slide_out_right,0);
47. break;
48. }
49. }
50. }

 

activity_after_jump.xml

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. xmlns:tools="http://schemas.android.com/tools"
4. android:layout_width="match_parent"
5. android:layout_height="match_parent"
6. android:orientation="vertical"
7. tools:context=".AfterJumpActivity">
9. <Button
10. android:id="@+id/btn_default"
11. android:layout_width="match_parent"
12. android:layout_height="wrap_content"
13. android:text="默认效果"/>
15. <Button
16. android:id="@+id/btn_default1"
17. android:layout_width="match_parent"
18. android:layout_height="wrap_content"
19. android:text="淡入返回"/>
21. <Button
22. android:id="@+id/btn_default2"
23. android:layout_width="match_parent"
24. android:layout_height="wrap_content"
25. android:text="淡出返回"/>
27. <Button
28. android:id="@+id/btn_default3"
29. android:layout_width="match_parent"
30. android:layout_height="wrap_content"
31. android:text="左滑返回3"/>
33. <Button
34. android:id="@+id/btn_default4"
35. android:layout_width="match_parent"
36. android:layout_height="wrap_content"
37. android:text="右滑返回4"/>
39. </LinearLayout>

 

看代码可以看出，主要是用到了 overridePendingTransition(android.R.anim.slide_out_right,0); 方法

1. /**
2. * Call immediately after one of the flavors of {@link #startActivity(Intent)}
3. * or {@link #finish} to specify an explicit transition animation to
4. * perform next.
5. *
6. * <p>As of {@link android.os.Build.VERSION_CODES#JELLY_BEAN} an alternative
7. * to using this with starting activities is to supply the desired animation
8. * information through a {@link ActivityOptions} bundle to
9. * {@link #startActivity(Intent, Bundle)} or a related function. This allows
10. * you to specify a custom animation even when starting an activity from
11. * outside the context of the current top activity.
12. *
13. * @param enterAnim A resource ID of the animation resource to use for
14. * the incoming activity. Use 0 for no animation.
15. * @param exitAnim A resource ID of the animation resource to use for
16. * the outgoing activity. Use 0 for no animation.
17. */
18. public void overridePendingTransition(int enterAnim, int exitAnim) {
19. try {
20. ActivityManager.getService().overridePendingTransition(
21. mToken, getPackageName(), enterAnim, exitAnim);
22. } catch (RemoteException e) {
23. }
24. }

这个方法的两个参数是就是设置跳转的动画效果

第一个参数是指跳转过去时的动画效果参数，第二个参数是指点击系统返回按钮时的动画效果参数

而这个demo中返回时点击的是自定义的按钮，所以也需要调用 overridePendingTransition 方法设置返回时的动画效果

 

demo演示的都是系统自带的动画效果，如果想要更炫酷的效果，就需要自定义跳转动画

在res下面建一个anim文件夹，在这里进行自定义跳转效果，如下

anim_in.xml    从上至下，界面大于屏幕至刚好合屏

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    android:interpolator="@android:anim/decelerate_interpolator">
    <scale android:fromXScale="2.0" android:toXScale="1.0"
        android:fromYScale="2.0" android:toYScale="1.0"
        android:pivotX="50%p" android:pivotY="50%p"
        android:duration="@android:integer/config_mediumAnimTime" />
</set>

anim_out.xml  内部缩小

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    android:interpolator="@android:anim/decelerate_interpolator"
    android:zAdjustment="top">
    <scale android:fromXScale="1.0" android:toXScale=".5"
        android:fromYScale="1.0" android:toYScale=".5"
        android:pivotX="50%p" android:pivotY="50%p"
        android:duration="@android:integer/config_mediumAnimTime" />
    <alpha android:fromAlpha="1.0" android:toAlpha="0"
        android:duration="@android:integer/config_mediumAnimTime"/>
</set>

如果要其他效果可以根据当前的更改参数设置，使用方法也是类似上面的，在demo中也有

case R.id.btn_default5:
    startActivity(new Intent(MainActivity.this, AfterJumpActivity.class));
    overridePendingTransition(R.anim.anim_in,0);
    break;
case R.id.btn_default6:
    startActivity(new Intent(MainActivity.this, AfterJumpActivity.class));
    overridePendingTransition(R.anim.anim_out,0);
    break;

下载demo后自己建个项目将代码复制进去就可以看到效果，很简单的，主要是下图划线部分，这样能完美解决android studio版本不匹配问题