إنشاء صور متحركة

بالإضافة إلى الصور الثابتة على خلفية شاشة الساعة، يمكن أن تضيف الصور المتحركة بُعدًا آخر إلى تجربة المستخدم.

يُرجى العِلم أنّ هذا القسم يتناول تحديدًا استخدام ملفات الصور المتحركة. يمكن تحريك المكوّنات على خلفية شاشة الساعة باستخدام العنصر 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 للحصول على مزيد من التفاصيل حول تضمين قائمة بالصور المتحركة وإنشاء صورة متحركة من صور ثابتة.