[android] 곡선 애니메이션

18 Dec 2023

android

안드로이드에서 애니메이션을 사용하여 UI에 생동감을 불러일으키는 것은 매우 중요합니다. 이번 포스팅에서는 안드로이드에서 곡선 모션을 만드는 방법에 대해 알아보겠습니다.

곡선 애니메이션 이점

일반적인 직선 이동과 달리 곡선 애니메이션은 UI 요소를 더 자연스럽게 보이도록 만들어줍니다. 이는 사용자 경험을 향상시키고 더 매력적인 앱을 만들 수 있도록 도와줍니다.

곡선 애니메이션 구현

안드로이드에서 곡선 애니메이션을 구현하기 위해서는 ValueAnimator와 PathInterpolator를 사용할 수 있습니다. 아래는 간단한 예제 코드입니다.

ValueAnimator pathAnimator = ValueAnimator.ofFloat(0.0f, 1.0f);
pathAnimator.setDuration(1000);

pathAnimator.setInterpolator(new PathInterpolator(0.4f, 0.0f, 1.0f, 1.0f));

final Path path = new Path();
path.moveTo(0, 0);
path.quadTo(200, 200, 400, 0);

pathAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
        float val = animation.getAnimatedFraction();
        PathMeasure pathMeasure = new PathMeasure(path, false);
        float[] point = new float[2];
        pathMeasure.getPosTan(pathMeasure.getLength() * val, point, null);
        // 이동할 뷰에 point 값을 적용하기
    }
});
pathAnimator.start();

위 코드는 ValueAnimator를 사용하여 곡선 애니메이션을 구현하는 방법을 보여줍니다.

마치며

이번 포스트에서는 안드로이드에서 곡선 애니메이션을 구현하는 방법에 대해 알아보았습니다. UI에 생동감을 불러일으키기 위해 다양한 종류의 애니메이션을 적용하는 것은 매우 중요하므로, 곡선 애니메이션을 활용하여 더욱 뛰어난 사용자 경험을 제공할 수 있도록 노력해야 합니다.

참고 문헌: