skydoves / compose-animations

Jetpack Compose 애니메이션

Jetpack Compose 애니메이션 플레이그라운드입니다. 파일 상단의 리터럴 값을 조정하고, 저장하면 모션이 눈앞에서 변화하는 것을 볼 수 있습니다.

이 프로젝트의 목적

이 프로젝트는 실제 Android 기기에서 Jetpack Compose 애니메이션을 튜닝하고 시연하기 위해 만들어졌으며, Compose HotSwan을 라이브 편집 루프로 사용합니다. 애니메이션은 물리적입니다: 감쇠 비율 0.6 대 0.8, FastOutSlowIn 대 EaseOutBack의 이징, 입자 중력 1100 대 1800 등. 이러한 선택은 책에서 읽는다고 느낄 수 있는 것이 아닙니다. 기기에서 직접 느껴야 하며, 올바른 숫자를 찾는 유일한 방법은 계속 바꾸고 결과를 확인하는 것입니다.

여기 있는 모든 예제는 하나의 컴포저블 파일로 구성되어 있으며, 함수 상단에 조정 가능한 값들을 val로 정의합니다: 지속 시간, 이징, 강성, 색상 팔레트, 입자 수 등. 숫자를 변경하고 파일을 저장하면 실행 중인 앱이 새로운 값을 몇 밀리초 안에 가져오며, 프로젝트를 다시 빌드하거나 네비게이션 스택에서 위치를 잃을 필요가 없습니다. 이 루프의 사고 방식과 애니메이션 작성에 미치는 영향은 Compose Animation: Hot Reload에서 다룹니다.

또한 Compose HotSwan 없이 일반 Compose 프로젝트로도 이 앱을 실행할 수 있지만, 매개변수별 튜닝 루프가 예제 설계의 핵심입니다. 이 저장소에는 핵심 애니메이션 API (animate*AsState, AnimatedContent, AnimatedVisibility, Animatable, rememberInfiniteTransition, updateTransi)를 다루는 여러 독립적인 예제가 포함되어 있습니다.

---

🌐 본 텍스트는 빠른 이해를 돕기 위한 요약 번역본입니다. 정확한 기술 정보 및 전체 코드는 GitHub 원문에서 확인하실 수 있습니다.