בחירת API לאנימציה

קל לארגן דפים בעזרת אוספים אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.

התרשים שלמטה יעזור לכם להחליט באיזה ממשק API להשתמש כדי להטמיע את האנימציה.

איור 1. עץ החלטות שמתאר איך לבחור את ממשק ה-API המתאים לאנימציה

כדי לבחור את ממשק ה-API המתאים ביותר לתרחיש לדוגמה שלכם, יש לפעול לפי השאלות בעץ ההחלטות הבאות:

• האם האנימציה שלי דומה יותר לאומנות וכוללת הרבה אלמנטים חזותיים? למשל, קובצי SVG או תמונות
  • כן: האם יש לו קובצי SVG פשוטים? לדוגמה, סמל עם מיקרו-אנימציות
    • כן: AnimatedVectorDrawable
    • לא: מסגרת אנימציה של צד שלישי, למשל Lottie
  • לא: האם צריך לחזור על הפעולה לנצח?
    • כן: rememberInfiniteTransition
    • לא: האם זו אנימציית פריסה?
      • כן: האם אתם עוברים בין כמה רכיבים שניתנים לשילוב עם תוכן שונה?
        • כן: באמצעות ניווט-כתיבה?
          • כן: 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 של התרשים.