Friday, December 15, 2017

Menampilkan Gambar GIF di Android Studio dengan Glide Library Part 2


Kucing Tekno - GIF merupakan format gambar yang bisa bergerak dan biasanya digunakan untuk animasi tertentu. Namun gambar dengan format Gif tidak bisa langsung ditampilkan di Android Studio seperti menampilkan gambar dengan format bitmap jpeg atau png.

Untuk menampilkan Gif di project Android Studio diperlukan perlakuan khusus , artinya menggunakan koding tambahan. Banyak sekali library yang digunakan untuk mempermudah kita menampilkan gambar di Android Studio seperti salah satunya Library Glide.

Seperti tutorial sebelumnya Menampilkan Gambar dari Internet di Android Studio dengan Glide Library Part 1 , ini adalah tutorial lanjutan dari artikel tersebut. Pada tutorial tersebut kita telah mencoba menampilkan gambar bitmap dari lokal maupun internet. Begitu pula pada artikel ini akan membahas tutorial menampilkan gambar Gif secara offline maupun Online.


Hasil Akhirnya 

Apa yang dibutuhkan ?

  • Koneksi internet untuk download Library Glide
  • Gambar Gif yang ingin ditampilkan ( Offline ) atau URL Gambar Gif  ( Online )


Langkah Mudah Menampilkan Gambar GIF di Android Studio


  • Pada tutorial ini kita wajib menggunakan koneksi internet untuk mendownload file dependencies 
  • Buat project baru di Android Studio - Beri nama project sesuai keinginan - lalu pilih layout template misal memilih menggunakan Empty ( Terserah saja ).


  • Pada  compatibility pilih sesuai kebutuhan misal Android Ice Cream Sandwich 4.0
  • Lanjut saja Next , jangan rubah nama main_activity biar mudah mengikuti tutorial ini.
  • Setelah project baru dibuat buka Graddle Script - Build Graddle - tambahkan kode ini di bawahnya

dependencies Library Glide

Source Code Build.Graddle
-
-
  • Karena saya menggunakan Android Studio 3.0 maka dependency-nya menggunakan implementation , jika kalian menggunakan versi lebih lama bisa diganti Compile, lalu Sync Project tunggu sampai proses download library benar-benar selesai.

  • Buka AndroidManifest.xml lalu tambahkan permission Internet.


Source Code AndroidManifest.xml
-
-
  • Buka Res - Layout - pilih Layout utama misal activity_main.xml rubah kodingnya tambahkan komponen imageview , lalu atur posisinya sesuai keinginan atau bisa mengikuti kode di bawah ini.


Source Code activity_main.xml
-

  • Masukkan Gambar Gif yang sudah di download - Paste di folder Drawwable - misal file jerapah.gif



  • Edit file MainActivity.java sesuai kebutuhan , karena disini kita akan mencoba menampilkan secara offline dan online maka saya buat 2 file terpisah - Pilih salah satu saja yang ingin dipakai.

File MainActivity.java untuk menampilkan Gif dari lokal / Offline


 Source Code MainActivity.java
-
-


File MainActivity.java untuk menampilkan Gif dari internet / Online


  Source Code MainActivity.java -
-
  • Jika sudah silakan Run di Smartphone atau emulator kalian , pastikan terkoneksi internet juga untuk mencoba yang online.

Demikian tutorial Menampilkan Gambar GIF di Android Studio dengan Glide Library Part 2 jika ada kesalahan atau pertanyaan silakan tulis di kolom komentar

Salam Kucing Tekno