Easing Functions KO

이징 함수

DisplayAPI는 애니메이션의 가속과 감속을 제어하는 12종 이징 함수를 제공합니다.

사용 가능한 이징

이징	설명	적합한 용도
LINEAR	일정한 속도	회전, 연속 동작
EASE_IN	느리게 시작, 빠르게 끝	퇴장 애니메이션
EASE_OUT	빠르게 시작, 느리게 끝	등장 애니메이션
EASE_IN_OUT	시작과 끝이 느림	펄스, 떠다니기
CUBIC_IN	강한 ease-in	극적인 시작
CUBIC_OUT	강한 ease-out	극적인 정지
CUBIC_IN_OUT	양쪽 끝이 강함	부드러운 전환
QUART_IN	매우 강한 ease-in	무거운 물체
QUART_OUT	매우 강한 ease-out	빠른 정지
QUART_IN_OUT	양쪽 매우 강함	극적인 움직임
EASE_IN_BACK	뒤로 당겼다 가속	준비 동작 효과
EASE_OUT_BACK	목표를 넘었다 정착	통통 튀는 등장
BOUNCE	끝에서 튕김	떨어지고 튀기
ELASTIC	탄성 오버슈트	스프링 같은 움직임

사용법

DisplayAPI.animate(display)
    .keyframe(Keyframe.at(0).scale(0f))
    .keyframe(Keyframe.at(20).scale(1f))
    .easing(Easing.EASE_OUT_BACK)    // 넘었다가 정착
    .play();

시각적 참고

LINEAR:        ─────────────── (일정한 속도)
EASE_IN:       ........──────── (느림 → 빠름)
EASE_OUT:      ────────........ (빠름 → 느림)
EASE_IN_OUT:   ....────────.... (느림 → 빠름 → 느림)
BOUNCE:        ────╮ ╭╮╭─      (끝에서 튕김)
ELASTIC:       ────~≈~─        (앞뒤로 흔들림)
EASE_OUT_BACK: ──────╮╭─       (넘었다 돌아옴)

프리셋 애니메이션 기본 이징

애니메이션	기본 이징
pulse()	EASE_IN_OUT
spin()	LINEAR
bounce()	BOUNCE
floating()	EASE_IN_OUT
fadeIn()	EASE_OUT
fadeOut()	EASE_IN
growIn()	EASE_OUT_BACK
shake()	LINEAR