Ảnh vectơ động trong Compose

Bạn có thể tạo ảnh động cho vectơ trong Compose theo một vài cách. Bạn có thể sử dụng bất kỳ cách nào sau đây:

• Định dạng tệp AnimatedVectorDrawable
• ImageVector bằng API Ảnh động của Compose, như trong bài viết này trên Medium
• Giải pháp của bên thứ ba như Lottie

Drawable vector động (thử nghiệm)

Hình 1. Ảnh động drawable vector trong Compose

Để dùng tài nguyên AnimatedVectorDrawable, hãy tải tệp có thể vẽ lên bằng animatedVectorResource và truyền vào boolean để chuyển đổi giữa trạng thái bắt đầu và kết thúc của đối tượng có thể vẽ, thực hiện ảnh động.

@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
    )
}
AnimationSnippets.kt

Để biết thêm thông tin chi tiết về định dạng của tệp có thể vẽ được, vui lòng xem nội dung Tạo ảnh động cho đồ hoạ có thể vẽ được.