애니메이션 이미지 표시

애니메이션 이미지를 표시하기 위해 드로어블 파일을 로드하여 앱에서 더 양방향적이고 매력적인 사용자 환경을 만들 수 있습니다. 애니메이션 이미지는 로드 표시기, 성공 또는 오류 표시기 만들기, 게임 개발 용이, 기타 다양한 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() 함수에 의해 AnimatedImageVectorboolean 상태에서 생성된 애니메이션을 실행하기 위해 Painter 인스턴스를 사용하는 Image 인스턴스입니다.
  • atEndtrue이면 Painter 인스턴스의 애니메이션이 중지됩니다.

결과

콘텐츠를 애니메이션 처리하고 회전하는 모래시계
그림 1. Compose의 애니메이션 벡터 드로어블

이 가이드가 포함된 컬렉션

이 가이드는 더 광범위한 Android 개발 목표를 다루는 선별된 빠른 가이드 모음의 일부입니다.

밝고 흥미로운 시각적 요소를 사용하여 Android 앱에 멋진 디자인과 분위기를 부여하는 기법을 알아보세요.

질문이나 의견이 있으신가요?

자주 묻는 질문(FAQ) 페이지로 이동하여 빠른 가이드를 알아보거나 문의하여 의견을 보내주세요.