애니메이션 이미지를 표시하기 위해 드로어블 파일을 로드하여 앱에서 더 양방향적이고 매력적인 사용자 환경을 만들 수 있습니다. 애니메이션 이미지는 로드 표시기, 성공 또는 오류 표시기 만들기, 게임 개발 용이, 기타 다양한 UI 기능에 유용합니다.
버전 호환성
이 구현을 사용하려면 프로젝트 minSDK를 API 수준 21 이상으로 설정해야 합니다.
종속 항목
애니메이션 이미지 표시
다음 코드는 두 상태 간에 자동으로 전환되는 애니메이션 벡터를 표시합니다.
@Composable fun AnimatedVectorDrawable() { val image = AnimatedImageVector.animatedVectorResource(R.drawable.ic_hourglass_animated) var atEnd by remember { mutableStateOf(false) } Image( painter = rememberAnimatedVectorPainter(image, atEnd), contentDescription = "Timer", modifier = Modifier.clickable { atEnd = !atEnd }, contentScale = ContentScale.Crop ) }
코드 관련 핵심 사항
- 벡터 리소스를 로드하여 시간 경과에 따라 그리기 속성을 애니메이션합니다.
rememberAnimatedVectorPainter()
함수에 의해AnimatedImageVector
및boolean
상태에서 생성된 애니메이션을 실행하기 위해Painter
인스턴스를 사용하는Image
인스턴스입니다.atEnd
가true
이면Painter
인스턴스의 애니메이션이 중지됩니다.
결과
![콘텐츠를 애니메이션 처리하고 회전하는 모래시계](https://developer.android.com/static/develop/ui/compose/images/animations/avd_example_compose.gif?hl=ko)
이 가이드가 포함된 컬렉션
이 가이드는 더 광범위한 Android 개발 목표를 다루는 선별된 빠른 가이드 모음의 일부입니다.
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?hl=ko)
이미지 표시
밝고 흥미로운 시각적 요소를 사용하여 Android 앱에 멋진 디자인과 분위기를 부여하는 기법을 알아보세요.
질문이나 의견이 있으신가요?
자주 묻는 질문(FAQ) 페이지로 이동하여 빠른 가이드를 알아보거나 문의하여 의견을 보내주세요.