Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Android

Android SDK: Menggunakan Picasso

by
Difficulty:BeginnerLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Amri Shodiq (you can also view the original English article)

Dalam tip pendek ini kita akan bahas secara singkat mengenai library image Android yang populer, Picasso. Ini adalah library yang praktis dan sederhana yang dikelola oleh Square. Sebenarnya menyenangkan mengerjakan proyek Android yang menggunakan gambar.

1. Perkenalan

Picasso adalah library untuk image cache di Android. Library ini dibuat dan dikelola oleh Square, dan melayani pemuatan dan pemrosesan gambar. Library ini memudahkan proses menampilkan gambar dari lokasi eksternal. Di berbagai kasus, hanya butuh beberapa baris kode untuk mengimplementasikan library ini.

Kelebihan Picasso adalah ketika digunakan untuk menampilkan image dari internet. Library ini menangani setiap tahap dari prosesnya, mulai dari HTTP request hingga caching file gambarnya. Untuk mengimplementasikannya sendiri (tanpa library) ini merupakan pekerjaan panjang. Dalam tip pendek ini kita akan lihat bagaimana penggunaannya dalam beberapa kasus yang umum.

2. Instalasi

Dimulai dengan mengunduh file JAR dari website Picasso. Cara instalasinya biasa saja. Jika Anda memerlukan bantuan untuk proses instalasi, silakan baca tutorial ini dari Shane Condor dan Lauren Darcey.

Jika Anda memakai Android Studio, Anda cukup menambahkan compile 'com.squareup.picasso:picasso:2.3.3' ke build.gradle di bagian dependency.

3. Praktek

Langkah 1: Buat proyek baru

Buat proyek baru dengan IDE pilihan Anda. Pastikan Anda pilih a blank Activity jika menggunakan Android Studio.

Langkah 2: Image Widget

Buka file layout milik Activity utama. Kita perlu menambahkan ImageView ke layout. Tidak perlu dipercantik dulu. Snippet berikut ini menunjukkan maksud saya.

Langkah 3: Tambahkan Picasso

Navigasi ke file (java) Activity utama. Tambahkan kode blok program berikut di method onCreate.

Di baris pertama, kita ambil referensi ke instance ImageView di file layout. Kemudian kita memuat gambar ke image view menggunakan library Picasso. Pertama kita sebutkan context nya dengan memanggil with dan memberikan context-nya. Kemudian kita panggil method load dan berikan lokasi gambar tersebut, misalnya sebuah URL. Terakhir, kita beritahu Picasso dimana menampilkan gambar ketika selesai di muat dengan memanggil method into dan memberikan parameter imageView.

IDE Anda akan menanyakan apakah Anda akan mengimport library Picasso. Tapi jika ingin mengerjakan sendiri bisa dilakukan dengan statement import di bagian atas class Activity,

Langkah 4: Permissions

Agar Picasso dapat digunakan, pastikan Anda telah menambahkan <uses-permission android:name="android.permission.INTERNET" /> ke file manifest proyek Anda.

Step 5: Build and Run

Begitulah kurang lebih. Jika Anda mem-build dan run aplikasinya, Anda mestinya akan melihat gambar tersebut tampil di layar.

4. Contoh Lain

Picasso punya banyak trik lain. Di contoh berikut, kita akan gunakan Picasso untuk mengambil gambar dari internet dan mengubah ukuran gambarnya sebelum ditampilkan di image view.

Picasso juga mendukung teknik transformasi gambar, misalnya rotasi. Di snippet berikutnya, kita ambil gambar dari internet kemudian memutarnya 180 derajat sebelum menampilkannya di image view.

Jika aplikasi Anda tergantung pada aset yang ada di internet, maka penting untuk menambahkan fallback dalam bentuk gambar placeholder. Gambar placeholder ini akan langsung ditampilkan di awal, kemudian akan diganti dengan gambar dari internet ketika Picasso telah selesai mengambilnya.

Picasso mendukung dua jenis gambar placeholder. Kita sudah lihat bagaimana cara kerja method placeholder, tapi ada juga method error juga menerima gambar place holder. Picasso akan mencoba mendownload gambar dari internet tiga kali kemudian menampilkan placeholder error jika tidak berhasil mengambil gambar tersebut.

Anda juga bisa menggabungkan method placeholder dan error seperti yang ada di contoh berikut.

Kesimpulan

Picasso yang mudah digunakan ini layak untuk menyita tiga puluh menit waktu Anda. Jika Anda membuat aplikasi yang sering memuat gambar, maka Picasso akan membuat hidup Anda sedikit lebih mudah.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.