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

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

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

เวกเตอร์ที่ถอดออกได้ที่เคลื่อนไหว (ทดลอง)

วันที่ นาฬิกาทรายทำให้เนื้อหาและหมุนได้
รูปที่ 1 เวกเตอร์ที่เคลื่อนไหวได้ที่วาดรูปใน Compose

หากต้องการใช้ทรัพยากร 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

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

ก่อนหน้า
ภาพเคลื่อนไหวตามมูลค่า
ถัดไป
ปรับแต่งภาพเคลื่อนไหว