Ảnh vectơ động trong Compose

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

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

Vectơ ảnh động có thể vẽ (thử nghiệm)

Để 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.

Đề xuất cho bạn

• Lưu ý: văn bản có đường liên kết sẽ hiện khi JavaScript tắt
• Hình ảnh xuất hiện khi đang tải {:#loading-images}