Menampilkan gambar dengan Picasso dalam StaggeredGridLayout pada RecyclerView

Melanjutkan tutorial sebelumnya sekarang kita akan menampilkan gambar dengan piccasso ke dalam staggered Grid layout.

  1. Buat ModelProduct.java terlebih dahulu dengan variable title,img,slug
  2. Edit BrandModel.java, tambahkan variable ProductModel, loadPage,totalPage, dan loading. variabel ini kita devinisikan di sini dengan maksud menyimpan data ke dalam chache, jadi bila data ini telah di ambil/di loading tidak perlu melaakukan loading lagi untuk membuka data kedua kali dan sterusnya.
  3. Buat fragment baru dengan nama ProductFragment screenshot_986
  4. Edit BrandAdapter.java
  5. Edit fragment_product.xml, tambahkan recyclerview
  6. Buat item_list_product.xml pada layout, untuk membuat tampilan gambar dan nama product
  7. Tambahkan dependencise picasso pada gradle
  8. BUat ProductAdapter.java, untuk meng handle tampilan
  9. Edit FragmentProduct.java untuk menampilkan hasil

    BIla sampai sini di jalankan maka hasilnya akan seperti ini,gambar sudah bisa tampil ke dalam list dalam bentuk grid. dan bila brand di klik untuk kedua kalinya tidak melakukan loading lagi screenshot_987

Facebook Comments