Skip to content

[5] Jetpack Compose Animation

Sukmin Kang edited this page Mar 10, 2022 · 1 revision

Jetpack Compose Animation

Animating a simple value change

animate*AsState

간단한 값 변경을 애니메이션화하기 위해 animate*AsState API를 사용할 수 있다.
*는 wildcard로 색을 변경하고 싶다면 animateColorAsState를 사용하여 by와 함께 일반 변수처럼 사용할 수 있다.

Animating visibility

AnimatedVisibility

AnimatedVisibility을 이용하면 특정 컴포넌트에대한 visibility의 변화에 애니메이션을 추가 할 수 있다.
또한, 컴포넌트가 보여지는 순간, 그리고 사라지는 순간에대한 애니메이션을 매개변수(enter, exit)으로 구성할 수 있다.

Multiple value animation

Transition

여러 값을 동시에 애니메이션하기 위해 사용하는 함수
updateTransition 함수와 함께 만들어진다.

Repeated animation

InfiniteTransition

transition을 연속적으로 반복하게 만들어주는 함수. 무기한으로 실행된다.
duration같은 속성을 이용하여 커스터마이징이 가능하다.

rememberInfiniteTransition

InfiniteTransition의 확장 함수 중 하나. state를 저장하는 remember를 활용한 함수인 것 같다.
실제로 매개변수에 by로 선언하여 저장하는 형식

tmi

recyclerView 로딩 시에 애니메이션을 제공하는 오픈소스가 있다.
실제로, 몇몇 앱에서 이런 애니메이션을 제공하는데 아마 해당 오픈소스를 사용했을 것이다.
하지만 compose에 이런 기능을 활용한다면 사용할 일이 없을 것이라고 생각한다.

Clone this wiki locally