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

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

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

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

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

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