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

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

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

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

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

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

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

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

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