Menampilkan Image/Gambar dari Url Pada Android Menggunakan Picasso

Menampilkan image pada android merupakan hal yang gampang-gampang susah apalagi jika image tersebut diambil dari url / remote server. Picasso merupakan salah android library populer sebagai image loader. Picasso adalah library open source yang dikembangkan oleh square.

Dalam menampilkan image melalui url, bukan hanya mengenai mendownload image lalu menampilkan, tapi juga menangani hal caching sehingga tidak menggunakan resource terus menerus yang bisa menyebabkan out of memory. Dan picasso menangani hal tersebut dengan baik.

Bagaimana menggunakannya?

Untuk mengimpelemtasikan Picasso, tambahkan library picasso pada gradle app anda :

compile 'com.squareup.picasso:picasso:2.5.2'

Lalu pastikan anda sudah mengimplementasikan ImageView pada layout anda. Kurang lebih seperti ini :

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/imageView"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true">
</ImageView>

Pastikan juga, anda sudah memiliki permission untuk mengakses internet pada AndroidManifest.xml:

<uses-permission android:name="android.permission.INTERNET" />

Lalu untuk implementasinya seperti ini :

//Initialize ImageView
ImageView imageView = (ImageView) findViewById(R.id.imageView);

//Loading image from below url into imageView

Picasso.with(this)
   .load("YOUR IMAGE URL HERE")
   .into(imageView);

Pada bagian load, isinya berupa url image anda, dan into merupakan variabel ImageView anda.

Dengan cara diatas, sudah cukup bagi anda untuk menampilkan image. Namun, picasso juga memiliki fitur tambahan seperti placeholder (image default ketika picasso masih download image dari url) dan error call back (jika pada akhir image yang didownload mengalami error)

Picasso.with(this)
    .load("YOUR IMAGE URL HERE")
    .placeholder(R.drawable.ic_placeholder) // optional
    .error(R.drawable.ic_error_fallback)         // optional
    .into(imageView);

Fitur tambahan lainnya, picasso juga memungkinkan kita untuk melakukan resize dan rotate :

Picasso.with(this)
     .load("YOUR IMAGE URL HERE")        
     .placeholder(R.drawable.ic_placeholder)   // optional        
     .error(R.drawable.ic_error_fallback)      // optional        
     .resize(250, 200)                        // optional        
     .rotate(90)                             // optional        
     .into(imageView);

library yang memudahkan dan powerfull!