ایجاد تصاویر متحرک

علاوه بر تصاویر ثابت روی صفحه ساعت، تصاویر متحرک می‌توانند بُعد بیشتری به تجربه کاربری ببخشند.

توجه داشته باشید که این بخش به طور خاص در مورد استفاده از فایل‌های تصویری متحرک است. می‌توان با استفاده از عنصر 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 مراجعه کنید.