การสร้างภาพเคลื่อนไหวของเวกเตอร์ในการเขียนสามารถทำได้ 2-3 วิธี คุณใช้ตัวเลือกใดก็ได้ต่อไปนี้
- รูปแบบไฟล์
AnimatedVectorDrawable
ImageVector
ที่มี API ภาพเคลื่อนไหวของ Compose เช่นในบทความ Medium นี้- โซลูชันของบุคคลที่สาม เช่น Lottie
เวกเตอร์ที่ถอดออกได้ที่เคลื่อนไหว (ทดลอง)
![นาฬิกาทรายทำให้เนื้อหาและหมุนได้](https://developer.android.com/static/develop/ui/compose/images/animations/avd_example_compose.gif?authuser=8&hl=th)
หากต้องการใช้ทรัพยากร 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 ) }
ดูข้อมูลเพิ่มเติมเกี่ยวกับรูปแบบของไฟล์ที่ถอนออกได้ที่กราฟิกเคลื่อนไหวที่ถอนออกได้
แนะนำสำหรับคุณ
- หมายเหตุ: ข้อความลิงก์จะแสดงเมื่อ JavaScript ปิดอยู่
- กำลังโหลดรูปภาพ {:#loading-images}