[Jetpack Compose] Animation

AnimationVector 애니메이션 중간 상태나 움직임을 벡터 형식으로 표현하기 위한 추상 클래스 compose 애니메이션은 화면 상의 다양한 속성(위치, 크기, 색상 등등)을 변경 1,2,3,4 차원에 따라 Float값으로 상태를 표현. 즉 애니메이션 대상이 여러 속성일 때 이를 각각의 차원으로 표현 차원이 늘어날 수록 속성값이 늘어난다고 생가하면...

Animatable 애니메이션이 가능한 상태 값을 관리(통해)하며 그 값이 변경될 때마다 애니메이션 효과를 적용 , 와 같은 상태 관리 및 사이드 이펙트 처리 기능과 결합하여 사용할 수 있다 객체는 상태를 유지하면서, 특정 목표 값까지 애니메이션을 수행한다 함수

같이 알아보기 AnimationVector Animatable animateValueAsState 는 간단한 상태 기반 애니메이션에 적합하며, 사용하기 쉽고 코드가 간결하기 때문에 단순히 값이 변화할 때 애니메이션을 적용하고 싶을 때 유용하게 사용할 수 있다. > 만약 세밀한 애니메이션 제어(애니메이션 범위 설정, 속도 등)을 하고 싶다면 사용을 고...

같이 보기 Animatable AnimationState 애니메이션의 상태(프레임 시간, 초기 값, 초기 속도 등)를 관리하기 위한 클래스. 애니메이션이 실행,중단,완료 등을 추적한다 클래스 안에 를 통해 애니메이션 상태를 가지고 있다 > 는 애니메이션의 상태와 세부 사항을 관리하는 데 중점을 두며 은 애니메이션 값을 직접적으로 조작하고 변경하는 데...

은 특정 애니메이션 사양( 또는 )에서 애니메이션 값을 조회할 때 재생 시간(playTimeNanos)만 요구하여 편리한 쿼리를 제공한다 ex) 2초 동안 직선으로 이동하는 애니메이션 시작 위치: (0, 0) - initialValue 종료 위치: (100, 10

같이보기interface AnimationAnimatableTargetBasedAnimation는 미리 정의된 종료값을 가진 모든 타겟 기반 래퍼 클래스이다즉, 종료값이 사전에 정의된 애니메이션으로 DecayAnimation(감쇠)과 차이가 있다TargetBasedAn

같이 보기interface AnimationAnimatableDecayAnimation은 시간이 지남에 따라 초기 속도 벡터에서 점점 느려지는 애니메이션이다. 재생 시간이 주어졌을 때 값과 속도를 간편하게 조회할 수 있도록 지원하는 애니메이션 계산 엔진 역할을 한다.D

AnimatedVisibility 값에 따라 content를 애니메이션 처리하는 컴포저블이다 애니메이션이 끝난 후에는 content가 트리에서 제거되기때문에 상태 변화를 관찰하거나 추가 작업(ex. 데이터 삭제, 순차적 애니메이션 등)을 수행하려면 를 사용하는 를 사용하도록 하자 enter / exit 기본적인 동작은 (서서히 나타나면서 커지는)조합...

TransitionState MutableTransitionState 사용 예시 코드 동작 과정 사용자가 항목 선택 선택된 항목은 애니메이션 진행(모서리 둥글, 배경 색 변경) 애니메이션 완료 후 "Nice choice" 텍스트 표시 SeekableTrasitio

Transition 은 상태가 변할 때 각 애니메이션을 조정하여 자연스러운 전환을 만들고, target 값이 동적으로 변경되더라도 그에 맞춰 애니메이션을 다시 실행해준다. 은 여러 애니메이션을 상태별로 관리하는 역할을 한다 즉, 여러 애니메이션을 하나의 상태로 묶어서