Aplikasi Kehadiran Scan QRCode Android #6 - Layout Dashboard

Melanjutkan postingan sebelumnya tentang Pembuatan Layout Login, dalam postingan ini kita akan melanjutkan membuat layout Dashboard dari Aplikasi Presensi atau Kehadiran dengan menggunakan Scan QRCode, berikut tahapannya

1. Membuat file xml baru dan dengan nama dashboard.xml (Klik kanan pada folder Layout > New >XML > Layout XML)

 Tulis nama filenya dan klik Finish.

2.  Edit file build.grandle dan tambahkan library CardView dan CircleImage dan klik Sync Now

implementation 'androidx.cardview:cardview:1.0.0'

implementation 'de.hdodenhof:circleimageview:3.0.1'

3. Download image file untuk avatar.

4. Membuat Vector Asset untuk beberapa icon yang digunakan dilayout dashboard.xml, tahapannya yaitu :

- Klik kanan pada folder drawable

- Pilih New

- Pilih Vector Asset

- Isi nama vectornya dengan nama ic_guru

- Pilih icon ventornya, disesuaikan dengan keperluan dan kebutuhannya

- Klik tombol next

- Klik Finish

-

5. Buka file dashboard.xml dan sesuaikan isinya dengan script xml di bawah ini.

  

6. Buat file drawable dengan nama gradient_bg_hover.xml

7. Tes di emulator kesayangan atau langsung lewat real device