Cara Membuat List Menggunakan CardView dan ScrollView

1. Sebelum kita mulai membuat List, kita membutuhkan gambar-gambar atau icon-icon yang akan ditampilkan dalam List, dengan cara copy dari library kalian lalu paste-kan kedalam package drawable .
 

2. Setelah itu, buat file xml pada package layout dengan cara klik kanan package Layout > new > layout resource file, lalu berikan nama file-nya "activity_home" dengan root element-nya RelativeLayout .

 3. Lalu tambahkan kode :
xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"> untuk elemen ScrollView.

4.Lalu tambahkan layout <LinearLayout></LinearLayout> sebagai layout dasar-nya.

Atur layout_width dan layout_height = "match_parent".

5. Tambahkan atribut orientation = "vertical" dan padding = "@dimen/text_8" kedalam elemen tersebut.

6. Buat file dimen pada package values dengan cara klik kanan values > new > values resource file.

Berikan nama file = "dimen".

Lalu tambahkan kode : <dimen name="text_8">8sp</dimen> di dalam elemen <resources></resources> .

7. Lalu buka file build.gradle pada Gradle Scripts.  

Tambahkan kode : compile 'com.android.support:cardview-v7:25.3.1' untuk membuat CardView.

8. Lalu kita buat CardView dengan cara seperti berikut :

Atribut-atribut beserta values-nya dapat disesuaikan dengan kebutuhan.

9. Setelah itu, buat layout <LinearLayout></LinearLayout> lagi didalam elemen

<android.support.v7.widget.CardView></android.support.v7.widget.CardView>

Tambahkan atribut-atribut lain didalamnya seperti di bawah ini :

10. Tambahkan elemen <ImageView></ImageView> dan isi atribut-atribut beserta values-nya sesuai dengan kebutuhan.

11. Kemudian tambahkan layout <RelativeLayout></RelativeLayout> 

Di dalamnya tambahkan elemen <TextView></TextView>

Dan isi semua atribut-atribut serta values-nya sesuai dengan kebutuhan.

12. Maka akan tampil 1 CardView seperti ditampilkan pada Preview.

Untuk membuat List dibutuhkan beberapa CardView, jadi kalian bisa copy paste seluruh isi kode

yang ada di dalam elemen dimulai dari <android.support.v7.widget.CardView></android.support.v7.widget.CardView>

dengan catatan, masih berada didalam elemen <LinearLayout></LinearLayout> sebagai layout dasar-nya.

Sehingga akan menjadi seperti ini...

Sekian tutorial dari saya. Maaf jika ada kesalahan ataupun kekurangan.

Terima kasih.. Semoga bermanfaat :)