[Android Studio] 화면 넘어갈 때, 액티비티 이동 시 애니메이션 넣기

화면이 넘어갈 때 위로 휘리릭 이동하고 옆으로 휘리릭 사라지는 애니메이션을 넣어보자.

나는 이전 화면이 페이드아웃되고 다음 화면이 페이드인되는 애니메이션을 넣어볼 것이다.

 

1. 애니메이션 만들기

기본적으로 안드로이드 스튜디오에는 animation 폴더가 없어 만들어줘야 한다.

res 에 'anim' 혹은 'animation' 이라는 이름으로 directory 를 만들자.

이름은 반드시 두개 중 하나여야 한다.

 

만든 애니메이션 폴더에 fade_in.xml, fade_out.xml 파일을 추가한다. 자동으로 애니메이션 파일 옵션이 생길 것이다.

아래처럼 입력하자.

<!-- fade_in.xml -->

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:duration="1000"
        android:fromAlpha="0.0"
        android:interpolator="@android:anim/accelerate_interpolator"
        android:toAlpha="1.0"/>
</set>

duration 은 1초 동안 애니메이션을 실행하겠다는 의미고

fromAlpha 는 시작 알파값, toAlpah 는 끝 알파값이다.

0 ~ 1 만큼 변화하므로 없었다가 나타나는 페이드인이 된다.

 

<!-- fade_out.xml -->

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:duration="1000"
        android:fromAlpha="1.0"
        android:interpolator="@android:anim/accelerate_interpolator"
        android:toAlpha="0.0"/>
</set>

 

2. 애니메이션 실행하기 자바코드

애니메이션은 현재 화면이 사라지고 새 화면이 나타날 때 실행할 것이다.

 

현재 애니메이션이 종료되고 나서 실행하고 싶다면 현재 액티비티에서 다음 액티비티로 이동하는 함수 호출 다음에 아래를 입력한다.

...

startActivity(intent);
 //다음 화면에 실행할 애니메이션, 현재 화면에 실행할 애니메이션
overridePendingTransition(R.anim.fade_in, R.anim.fade_out);
finish();

...

overridePendingTransition 이 화면 이동 시 실행되는 함수다.

만약 다음 화면이 실행될 때 실행하고 싶다면 onCreate 에 넣으면 된다.

 

나는 이전에 만들었던 스플래시 화면에 적용해보았다.

 

완성된 화면