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

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

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

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

• ภาพเคลื่อนไหวของฉันเหมือนงานศิลปะมากกว่าไหม ซึ่งประกอบด้วยองค์ประกอบภาพจำนวนมาก เช่น SVG หรือรูปภาพ
  • ใช่: มี SVG ง่ายๆ ไหม เช่น ไอคอนที่มีภาพเคลื่อนไหวเล็กๆ
    • มี: AnimatedVectorDrawable
    • ไม่: เฟรมเวิร์กภาพเคลื่อนไหวของบุคคลที่สาม เช่น Lottie
  • ไม่: จำเป็นต้องแสดงซ้ำตลอดไปไหม
    • มี: rememberInfiniteTransition
    • ไม่: นี่เป็นภาพเคลื่อนไหวของเลย์เอาต์ใช่ไหม
      • ใช่: การเปลี่ยนระหว่างคอมโพสหลายรายการที่มีเนื้อหาต่างกัน
        • ใช่: มี navigation-compose ไหม
          • ได้: 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