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

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

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

תרשים זרימה שמתאר את עץ ההחלטות לבחירת ה-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 של התרשים.