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

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

תרשים זרימה שמתאר את עץ ההחלטות לבחירת האנימציה המתאימה
API

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

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

  • האם האנימציה שלי דומה יותר לאומנות וכוללת הרבה אלמנטים חזותיים? למשל, קובצי SVG או תמונות
    • כן: האם יש לו קובצי SVG פשוטים? לדוגמה, סמל עם מיקרו-אנימציות
    • לא: האם צריך לחזור על הסרטון כל הזמן?
      • כן: rememberInfiniteTransition
      • לא: האם זו אנימציית פריסה?
        • כן: לעבור בין כמה תכנים קומפוזביליים שיש להם תוכן שונה?
          • כן: באמצעות ניווט-כתיבה?
          • לא: אנימציית המראה / ההיעלמות?
            • כן: AnimatedVisibility או animateFloatAsState דרך Modifier.alpha()
            • לא: הגודל של האנימציה?
              • כן: Modifier.animateContentSize
              • לא: נכס פריסה אחר? כלומר, היסט, מרווח פנימי וכו'
                • כן: ניתן לעיין בקטע 'האם הנכסים בלתי תלויים לחלוטין זה בזה?'
                • לא: אנימציות של פריטים ברשימה?
        • לא: האם צריך להוסיף אנימציה למספר נכסים?
          • כן: האם הנכסים נפרדים לחלוטין זה מזה?
            • כן: animate*AsState, בשביל טקסט, משתמשים ב-TextMotion.Animated
            • לא: להתחיל באותו זמן?
              • כן: כן: updateTransition עם AnimatedVisibility, animateFloat, animateInt וכו'
              • לא: Animatable עם animateTo הופעלה בתזמונים שונים (באמצעות פונקציות השעיה)
          • לא: האם האנימציה כוללת קבוצה של ערכי יעד מוגדרים מראש?
            • כן: animate*AsState, צריך להשתמש ב-TextMotion.Animated בשביל טקסט
            • לא: אנימציה שמבוססת על תנועה? האנימציה שלכם היא מקור האמת היחיד?

מורידים את גרסת ה-PDF של הדיאגרמה.