[Tutorial] Android Image ListView Menggunakan CardView

Assalamualaikum Warahmatullah... Halo temen-temen... balik lagi bersama saya Ramadhany si programmer ganteng... Oke temen-temen, kali ini saya akan membagi tutorial tentang "Android ListView Tutorial Menggunakan CardView"....  Sebelum masuk tutorial... apa kalian tau apa itu ListView??? List view adalah widget untuk menampilkan data dalam bentuk list yang dapat di-scroll. Karena ukuran layar smartphone terbatas dan cenderung portrait, listview merupakan salah satu widget terpenting dan paling sering digunakan untuk menampilkan kelompok informasi.


Kita akan membuat ListView Image, yang berisi text dan juga gambar

Sebelum masuk ke project.... Download terlebih dahulu file gambar buah nya... klik link ini untuk mendownload file gambar buah Download Gambar Buah Png

Pertama 

Buka android studio kalian dan buatlah projet baru... Beri nama project sesuai dengan keinginan kalian... Sebagai contoh saya beri nama project nya dengan ListViewBuah... Pilih yang Empty Activity saja, lalu finish 

Kedua

Tambahkan dependencies baru... yaitu tambahkan repository CardView nya


Ketiga

Buka terlebih dahulu layout activity_main.xml... Lalu tambahkan widget ListView nya terlebih dahulu.... 



Keempat

Setelah di tambahkan widget nya... Langkah selanjut nya adalah buat layout baru.... layout ini berfungsi untuk menampilkan listnya nanti.... beri nama layout dengan list_buah.xml


Kelima

Buat array list nya di MainActivity.java... Untuk menampung data-data sementara... Dan juga deklarasikan widget ListView yang ada di layout activity_main.xml



Keenam

Kenalkan widget ListView dan buat sebuah adapter.... Adapter ini berfungsi untuk menampung data sementara sebelum di tampilkan ke dalam list view... Berikut adalah code nya di MainActivity.java


Ketujuh

Selanjutnya adalah, membuat class Adapter... Kita buat class adapter nya di dalam class MainActivity.java... Berikut kode nya



Kedelapan

Lalu buat lah method untuk memaggil layout list_buah.xml dan juga mengenalkan widget yang ada di layout tersebut... Berikut Code nya....



Kesembilan

Setelah kita tadi sudah membuat list nya... Sekarang kita buat detail list nya... Jadi nanti list nya itu bisa di klik... Buat Activity baru.... Beri nama dengan DetailActivity.java... 



Final Code

Inillah code lengkap dari Activity MainActivity.java



Setelah sudah semuanya di lengkapi kode-kode nya... Maka langkah terakhir yang harus di lakukan adalah menjalankan aplikasi yang sudah di buat tadi... Berikut adalah hasil  gambar dari aplikasi ini

 List Buah

Detail Buah


Mungkin cukup sekian yang bisa saya sampaikan pada hari ini.... Semoga bisa bermanfaat bagi saya dan kita semua Amin... Apabila ada kesalahan kata mohon di maafkan... Karena kesalahan itu datang nya dari Syaitan dan Kebaikan itu datang nya dari Allah Ta'ala... Sekaian Dari saya Wasslamualaikum Warahmarullah