เลือก API ภาพเคลื่อนไหว

แผนภาพด้านล่างจะช่วยคุณเลือก API ที่จะใช้สำหรับภาพเคลื่อนไหว

วันที่ รูปที่ 1 แผนผังการตัดสินใจที่อธิบายวิธีเลือก API ภาพเคลื่อนไหวที่เหมาะสม

ทำตามคําถามเกี่ยวกับแผนผังการตัดสินใจด้านล่างเพื่อเลือกภาพเคลื่อนไหว API ที่เหมาะกับกรณีการใช้งานของคุณมากที่สุด

• ภาพเคลื่อนไหวของฉันคล้ายกับศิลปะมากกว่าซึ่งประกอบด้วยองค์ประกอบภาพมากมายไหม เช่น SVG หรือรูปภาพ
  • มี: ไฟล์มี SVG แบบง่ายไหม เช่น ไอคอนที่มีภาพเคลื่อนไหวขนาดเล็ก
    • มี: AnimatedVectorDrawable
    • ไม่ใช่: เฟรมเวิร์กภาพเคลื่อนไหวของบุคคลที่สาม เช่น Lottie
  • ไม่: จะต้องเกิดซ้ำตลอดไปหรือไม่
    • มี: rememberInfiniteTransition
    • ไม่ใช่: ภาพนี้เป็นภาพเคลื่อนไหวของเลย์เอาต์ใช่ไหม
      • ใช่: เปลี่ยน Composable หลายรายการที่มีเนื้อหาต่างกันไหม
        • ใช่: เมื่อมีการเขียนการนำทาง
          • ใช่: ตั้งค่า composable() พร้อม enterTransition และ exitTransition
          • ไม่: AnimatedContent, Crossfade หรือ Pager
        • ไม่: การทำให้ลักษณะที่ปรากฏเป็นภาพเคลื่อนไหว / การหายไป
          • ใช่: AnimatedVisibility หรือ animateFloatAsState ที่ใช้ Modifier.alpha()
          • ไม่: ขนาดเป็นภาพเคลื่อนไหวหรือไม่
            • มี: Modifier.animateContentSize
            • ไม่: คุณสมบัติเลย์เอาต์อื่นๆ ใช่ไหม เช่น ระยะห่าง ระยะห่างจากขอบ ฯลฯ
              • ใช่: ดู "ที่พักเป็นอิสระต่อกันโดยสิ้นเชิงหรือไม่"
              • ไม่: แสดงภาพเคลื่อนไหวของรายการไหม
                • มี: animateItemPlacement() (จะเรียงใหม่และลบในเร็วๆ นี้)
      • ไม่: คุณต้องทำให้พร็อพเพอร์ตี้หลายรายการเคลื่อนไหวไหม
        • ใช่: ที่พักแยกจากกันโดยสิ้นเชิงหรือไม่
          • ใช่ animate*AsState สำหรับข้อความ ให้ใช้ TextMotion.Animated
          • ไม่: เริ่มในเวลาเดียวกันไหม
            • ใช่: ใช่: updateTransition กับ AnimatedVisibility, animateFloat, animateInt และอื่นๆ
            • ไม่: Animatable ที่มีการเรียก animateTo ในเวลาต่างกัน (ใช้ฟังก์ชันระงับ)
        • ไม่: ภาพเคลื่อนไหวมีชุดค่าเป้าหมายที่กำหนดไว้ล่วงหน้าหรือไม่
          • ใช่ animate*AsState สำหรับข้อความ ให้ใช้ TextMotion.Animated
          • ไม่: ภาพเคลื่อนไหวที่สร้างขึ้นด้วยท่าทางสัมผัสใช่ไหม ภาพเคลื่อนไหวของคุณเป็นแหล่งข้อมูลเดียวที่เชื่อถือได้ไหม
            • มี: Animatable ด้วย animateTo / snapTo
            • ไม่: ภาพเคลื่อนไหวแบบภาพเดียวโดยไม่มีการจัดการสถานะใช่ไหม
              • มี: AnimationState หรือ animate
              • ไม่: หากไม่มีคำตอบที่นี่ ยื่นคำขอฟีเจอร์

ดาวน์โหลดแผนภาพเวอร์ชัน PDF