Membuat Tampilan Home Seperti Grab


Pada tutorial kali ini kita akan membuat tampilan seperti pada design home Grab. Dimana pada tampilan menampilkan card view berupa promo atau produk yang di tawarkan. Sebagai gambaran seperti apa tampilan yang akan kita buat lihat gambar di bawah.
 


Untuk membuat data di atas pertama-tama siapkan data berupa tulisan atau judul, deskripsi, serta link gambar kemudian masukkan pada array.xml di folder res -> values. Berikut contoh data yang sudah saya siapkan :



Langkah selanjutnya silahkan simak di bawah ini :

1. Import library android-networking

Library ini bisa digunakan untuk menampilkan gambar dari internet ke aplikasi android. Untuk memasangnya import terlebih dahulu pada dependencies build.gradle seperti berikut :

2. AndroidManifest.xml

Berikan akses internet dengan menambahkan kode pada AndroidManifest.xml contohnya letaknya seperti pada kode dibawah.

3. MainActivity.java

4. activity_main.xml

5. card.xml

Buat file xml baru dengan nama "card.xml" pada directory res -> layout.

6. colors.xml

Masuk ke res -> values -> colors.xml, edit seperti berikut.

7. ic_date_range_black.xml

Buat drawable baru pada res -> drawable -> ic_date_range_black.xml dengan kode di bawah.
banner
Previous Post
Next Post