Selain gambar statis di tampilan jam, gambar animasi dapat memberikan dimensi lebih lanjut pada pengalaman pengguna.
Perhatikan bahwa bagian ini secara khusus membahas penggunaan file gambar animasi. Anda
dapat menganimasikan komponen pada tampilan jam menggunakan elemen Transform
,
yang dibahas di halaman Mengubah tampilan
elemen secara dinamis.
Animasi dapat terdiri dari file gambar animasi, seperti GIF animasi, atau urutan Images
, yang digabungkan untuk membentuk animasi.
Selain menentukan file yang akan digunakan, Anda harus menentukan perilaku animasi, misalnya, apakah akan memutar ulang, atau jika tidak, apa yang harus dilakukan di akhir, di antara opsi lainnya. Untuk melakukannya, gunakan AnimationController
.
Terakhir, untuk semua animasi, sertakan gambar thumbnail di semua animasi.
Dengan menggabungkannya, animasi dasar dapat diterapkan sebagai berikut:
<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>
Lihat referensi PartAnimatedImage
untuk mengetahui detail selengkapnya tentang cara menyertakan
daftar gambar animasi dan membuat animasi dari gambar diam.