PathInterpolator를 xml로 사용하기

먼저, PathInterpolator는 커브 모션(Curved Motion)이라는 제목으로 안드로이드 개발자 사이트에 이미 소개가 되어 있다.

커브 모션이라는 말이 생소하다면 여기를 보면 이해에 도움이 될 것이다. API 21(안드로이드 5.0)부터 추가된 매터리얼 디자인과 함께 추가된 Interpolator(한국어로 보간기)이다.

사용 방법은 간단하다. 다른 Interpolator 처럼 xml 레이아웃으로 선언하거나 코드로 적용할 수 있다. 예를 들면, 다음과 같다.

<pathInterpolator xmlns:android="http://schemas.android.com/apk/res/android"
    android:controlX1="0.4"
    android:controlY1="0"
    android:controlX2="1"
    android:controlY2="1"/>

/anim/my_interpolator.xml 와 같이 저장한 후, 다음과 같이 interpolator를 넣던 곳에 넣어주면 된다.

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

PathInterpolator의 장점은 4개의 숫자만 입력하여 쉽게 다양한 객체들의 움직임을 만들어 낼 수 있다는 것이다. 눈으로 보면서 동작을 만들고 싶다면 앞에서 이해를 돕기 위해 추가했던 사이트를 이용하자.

참고

댓글 달기 댓글 취소