יצירת תמונות מונפשות

בנוסף לתמונות סטטיות במסך השעון, תמונות מונפשות יכולות להוסיף עוד מימד לחוויית המשתמש.

חשוב לזכור שהקטע הזה מתייחס באופן ספציפי לשימוש בקובצי תמונות מונפשות. אפשר להוסיף אנימציה לרכיבים בתצוגת השעון באמצעות הרכיב Transform, שמתואר בדף שינוי דינמי של המראה של רכיבים.

אנימציות יכולות להיות קובץ של תמונה מונפשת, כמו קובץ GIF מונפש, או רצף של Images, שמתחברים יחד כדי ליצור אנימציה.

בנוסף לציון הקבצים שבהם רוצים להשתמש, צריך להגדיר את אופן הפעולה של האנימציה. למשל, אם להפעיל את ההפעלה בלופ, ואם לא, מה לעשות בסוף, בין אפשרויות אחרות. לשם כך, משתמשים ב-AnimationController.

לסיום, בכל האנימציות, צריך לכלול תמונה ממוזערת.

לסיכום, אפשר להטמיע אנימציה בסיסית באופן הבא:

<PartAnimatedImage x="0" y="0" width="450" height="450">
  <AnimationController play="ON_VISIBLE"/>
  <AnimatedImage resource="my_animation" format="AGIF"/>
  <Thumbnail resource="my_animation_thumbnail" />
</PartAnimatedImage>

מידע נוסף על הוספת רשימה של תמונות אנימציה ועל בניית אנימציה מתמונות סטילס זמין במסמך העזרה של PartAnimatedImage.