รูปภาพเวกเตอร์แบบเคลื่อนไหวในการเขียน

คุณทำให้เวกเตอร์เคลื่อนไหวในเครื่องมือเขียนได้หลายวิธี คุณใช้สิ่งต่อไปนี้ได้

• รูปแบบไฟล์ AnimatedVectorDrawable
• ImageVector ด้วย Compose animation API เช่น ในบทความนี้ใน Medium
• โซลูชันของบุคคลที่สาม เช่น Lottie

รูปภาพที่วาดได้แบบเวกเตอร์ที่เคลื่อนไหว (เวอร์ชันทดลอง)

หากต้องการใช้ทรัพยากร AnimatedVectorDrawable ให้โหลดไฟล์ที่วาดได้โดยใช้ animatedVectorResource และส่ง boolean เพื่อสลับระหว่างสถานะเริ่มต้นและสถานะสิ้นสุดของสิ่งที่วาดได้ เพื่อทำภาพเคลื่อนไหว

@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

ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบของไฟล์วาดได้ที่ทำให้กราฟิกแบบวาดเคลื่อนไหว

แนะนำสำหรับคุณ

• หมายเหตุ: ข้อความลิงก์จะแสดงเมื่อ JavaScript ปิดอยู่
• กำลังโหลดรูปภาพ {:#loading-images}