Cara Membuat Dan Menampilkan Animasi GIF Gambar Gerak Pada Android Studio


Ngilik Kode - Pada kesempatan kali ini saya ingin membagikan cara untuk menampilkan animasi gambar bergerak seperti GIF pada android studio. Pada dasarnya android studio tidak dapat menampilkan atau tidak dapat membuat gambar bergerak langsung menggunakan file dengan format GIF. Agar kita dapat menampilkan animasi gambar gerak kita harus melakukan koding sedikit, dengan metode  animation-list  dengan mengatur waktu durasi gerakan pada gambar. Dalam kasus ini anda dapat menerapkannya seperti animasi loading, tutorial cara berwudhu, tutorial cara senam, dan lain sebagainya.



Pada artikel kali ini saya ingin mencontohkannya kepada kalian membuat animasi loading pada android misalnya. Lalu apa saja yang kalian harus persiapkan ? yang harus anda persiapkan adalah kumpulan gambar seperti gambar dibawah ini.



Pada kumpulan gambar itu lah yang nantinya akan di jadikan gambar bergerak dengan mengatur waktu durasi gerak pada gambar melalui kodingan. Masih belum kebayang ? Oke, langsung masuk saja ke cara berikutnya adalah membut proyek baru pada Android Studio. 

Jika sudah membuat proyek baru, atau menjalankan proyek yang sudah ada. Sekarang anda meletakkan semua gambar yang sudah anda siapkan tadi kedalam directory drawable pada Android Studio.


Jika sudah memindahkan semua gambar yang dibutuhkan, sekarang anda tinggal membuat file XML di dalam directory drawable. saya kasih contoh beri nama animasi_loading.xml lalu ketikan seperti kode dibawah ini



Kemudian jika sudah, lanjut ke file layout, lalu pilih file layout yang ingin di tampilkan gambar. Untuk menampilkan gambar kita menggunakan ImageView Lalu kita menambahkan kode ImageView seperti kode dibawah ini.



Jika sudah menambahkan kode ImageView pada layout, sekarang kita masuk pada file Java lalu tambahkan kode hingga menjadi seperti kode dibawah ini.


Jika sampai proses ini sudah dilakukan, sekarang kita test proyeknya, apakah ada yang error atau tidak. Jika tidak ada yang error maka akan tampil seperti dibawah ini.


Sekian tutorial yang dapat saya sampaikan kurang lebihnya mohon maaf. Jika masih kurang pahan dari penjelasan saya dan ada yang ingin di tanyakan silahkan komentar dibawah.

Previous
Next Post »

6 komentar

Write komentar
November 19, 2016 at 4:30 PM delete

kak share gambarnya dong yang loading buat belajat
terimakasih

Reply
avatar
November 20, 2016 at 2:14 PM delete

Ok nanti saya upload file gambarnya.

Reply
avatar
Darsiwan Iwan
AUTHOR
December 21, 2016 at 5:22 AM delete

mas saya salah pas setBackroundResource benerin nya gimana tuh ?

Reply
avatar
February 14, 2017 at 8:31 PM delete

mas ko yg punya saya tidak bergerak ya mas

Reply
avatar
April 5, 2017 at 9:45 PM delete

bang kalo mau bikin animasi hewan ada tutorial nya ga?

Reply
avatar

Formulir Kontak

Name

Email *

Message *