ঘড়ির মুখে স্থির চিত্র ছাড়াও, অ্যানিমেটেড চিত্রগুলি ব্যবহারকারীর অভিজ্ঞতায় আরও মাত্রা আনতে পারে।
মনে রাখবেন যে এই বিভাগটি বিশেষভাবে অ্যানিমেটেড ইমেজ ফাইল ব্যবহার করার বিষয়ে। 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 রেফারেন্সের সাথে পরামর্শ করুন৷