Di sini kita akan gunakan contoh pengisian daya baterai, itu tuh... yang pas kita carge HP kita. Nah...skrg kita belajar bagaimana kita dapat membuat animasi sederhana di Sketchware
Langkah 1.
Unduh Aplikasi Sketchware.
Langkah 2.
Mulai proyek baru. Seret dan taruh block linear dan imageview pada area tampilan.
Langkah 3.
Gunakan pengaturan gambar untuk menambahkan gambar yang akan kita gunakan buat animasi. Nah, disini kita telah menambahkan tujuh gambar ikon pengisian daya baterai yang berbeda dalam proyek ini. (lihat pic.)
Langkah 4.
Sekarang kita lanjut di area Logic. Kita tambahkan komponen timer baru. Dan...kita sekarang telah menambahkan komponen timer bernama animate.
Langkah 5.
Sekarang di area Logic, klik event onCreate dan tambahkan block baru. Kita telah menambahkan blok yang bernama repeats.
Langkah 6.
Dalam aktivitas onCreate, tambahkan:
TimerTask (animate) after 0 ms
Di dalam TimerTask tambahkan:
Imageview...........setImage..........
repeats (Blok baru yang Anda tambahkan)
Sekarang pilih nama tampilan gambar dan gambar yang ingin ditampilkan.
Langkah 7.
Sekarang tentukan block baru yang udah kita tadi tambahkan. Dalam proyek kita ini adalah repeats. Dalam acara repeats defineFunction gunakan block berikut:
TimerTask (animate) after 400 ms
**Imageview...........setImage..........
**TimerTask (animate) after 400 ms
****Imageview...........setImage..........
****TimerTask (animate) after 400 ms
******Imageview...........setImage..........
******TimerTask (animate) after 400 ms
********Imageview...........setImage..........
********repeats
Gunakan TimerTasks dan Imageview sebanyak mungkin .. setImage sebagai nomor
gambar yang ingin di tambahkan dalam animasi. Kemudian atur gambar dalam urutan sesuai keinginan kita untuk ditampilkan dalam animasi.
Perhatikan pentingnya untuk membatalkan tugas penghitung waktu, baik pada aktivitas onStop (aktivitas tidak lagi terlihat) atau ditekan kembali. Juga, dalam beberapa kasus mungkin lebih baik untuk memulai timer di event onStart daripada onCreate event.
Langkah 8. Simpan dan jalankan proyek. Aplikasi baru Anda akan menampilkan gambar yang Anda tambahkan dalam urutan yang Anda pilih dan terus mengulangi prosesnya. Dengan demikian animasi Anda siap.
Langkah 1.
Unduh Aplikasi Sketchware.
Langkah 2.
Mulai proyek baru. Seret dan taruh block linear dan imageview pada area tampilan.
Langkah 3.
Gunakan pengaturan gambar untuk menambahkan gambar yang akan kita gunakan buat animasi. Nah, disini kita telah menambahkan tujuh gambar ikon pengisian daya baterai yang berbeda dalam proyek ini. (lihat pic.)
Langkah 4.
Sekarang kita lanjut di area Logic. Kita tambahkan komponen timer baru. Dan...kita sekarang telah menambahkan komponen timer bernama animate.
Langkah 5.
Sekarang di area Logic, klik event onCreate dan tambahkan block baru. Kita telah menambahkan blok yang bernama repeats.
Langkah 6.
Dalam aktivitas onCreate, tambahkan:
TimerTask (animate) after 0 ms
Di dalam TimerTask tambahkan:
Imageview...........setImage..........
repeats (Blok baru yang Anda tambahkan)
Sekarang pilih nama tampilan gambar dan gambar yang ingin ditampilkan.
Langkah 7.
Sekarang tentukan block baru yang udah kita tadi tambahkan. Dalam proyek kita ini adalah repeats. Dalam acara repeats defineFunction gunakan block berikut:
TimerTask (animate) after 400 ms
**Imageview...........setImage..........
**TimerTask (animate) after 400 ms
****Imageview...........setImage..........
****TimerTask (animate) after 400 ms
******Imageview...........setImage..........
******TimerTask (animate) after 400 ms
********Imageview...........setImage..........
********repeats
Gunakan TimerTasks dan Imageview sebanyak mungkin .. setImage sebagai nomor
gambar yang ingin di tambahkan dalam animasi. Kemudian atur gambar dalam urutan sesuai keinginan kita untuk ditampilkan dalam animasi.
Perhatikan pentingnya untuk membatalkan tugas penghitung waktu, baik pada aktivitas onStop (aktivitas tidak lagi terlihat) atau ditekan kembali. Juga, dalam beberapa kasus mungkin lebih baik untuk memulai timer di event onStart daripada onCreate event.
Langkah 8. Simpan dan jalankan proyek. Aplikasi baru Anda akan menampilkan gambar yang Anda tambahkan dalam urutan yang Anda pilih dan terus mengulangi prosesnya. Dengan demikian animasi Anda siap.